CSS学习

 

前期在对CSS（Cascading Style Sheets 层叠样式表）语法进行系统学习完之后，想到自己原来用CSS的一些经历，让我感觉自己从中又学习到许多知识。在这里作一些简单的归纳，其中对动态实现CSS作一些详细的说明。

CSS的用法：（以下的用法多是用在HTML语言中）

（1）       链入外部样式表文件（.css）

   <link rel = stylesheet href = http://....css  type = “text/css”>

       这种方式是按照WEB照标准来的，CSS处于行为标准的代表，这样可以充分的与结构分开。所以大多都是用这种方式。

（2）       定义内部样式块

<style>……<style>

    这种方式是将样式放入要编辑的文件中，虽然是分开了表现与结构标准，但是没有像前一种方式那样明显。而且不利于文件的管理。其实用这种方式何不用上一种方式了，难道你的样式定义就那么少，不用一个文件吗？：>

（3）       内联定义

     <p style = “margin-left :0.5”>hello</p>

    <div id="grid1" style="position:absolute; left:534px; top:37px; width:336px; height:15px; z-index: 100; visibility: visible;">

     这种方式是我曾经常用的一种方式，当时使用的是DW工具，所以更多的只是为了达到效果。相比之下，这种方式是完全的将结构与表现标准混为一起在用，给以后的维护带来非常大的代价；所以现在看来要完成好的项目是不能用这种方式的。

前段时间也在学习XML语言，说到这里也得说说，CSS同样可以用来表现XML语言的文件但是不是最好的方式，针对这种情况可以说说XSL(XML Style Language 可扩展样式语言)语言。

CSS与XSL的区别是什么呢？

CSS可以展现HTML 和XML文件，而XSL可以展现XML和Transformation（转型语言）。

CSS适用于那些元素顺序不变的文件。对于那些需要经常按不同元素排序的文件，我们还是要用XSL！

CSS语法

。。。。。。（在此不多介绍了！）

下面进入本文主角，动态CSS效果。

   其实所谓的动态CSS是指CSS读取数据库中的相关数据（这个定义是我个人的说法，具体是不是叫这个名字，还有待一说：））。

   以下几种方式是实现动态CSS：

1．  在没有想到将CSS 文件内容存在数据库中的时候，也可以将其持久化，例如生成不同的 CSS 文件。具体要调用那一份文件，可以根据程序来使用。这种方式其实是“假”动态的效果；如果项目中涉及许多样式，那不要求有很多文件来存储，而且有很多重复的字段。这个有点像数据库的发展史吧！    

2．  在使用CSS时用的方式采用内联定义方式时，这种方法中有许多样式的字段存到了数据库中如：bgColor /font color等，这样可以在整个页面运行时将数据库的相对应的值取出。但是这种方式的缺点继承了内联方式使用的缺点，而且不易扩展；我也是在论坛中看到有人用到过。    

  3．     在CSS文件中写入访问数据库的语句，将其中与样式表关联的字段取出；这样就很方便的与数据库之间建立了连接。但是我要应用这个样式表的时候，只能这样，#include file="a.css"这是因为这个css是纯文本，没有执行，只有包含在jsp文件里面才能执行。问题是：每个文件要生成一次css样式，这样效率肯定不行。 这个具体应用还不清楚，只是在理论上想过。

   以上的几种方式实现动态CSS的方式都各有优缺点，找各方面资料关于这个的介绍很少，不知道是不是这个东东不重要。：）

  

如果各位看官有什么好的资料与见意，请即时告诉我，哈哈，小弟十分感激！