摘 要： CSS应用在网页设计中，易于精确控制网页布局、提高代码重用率、简化HTML中的各种繁琐标记、提高网页传输速率、便于对网页的更新与维护。作者结合实践经验，总结出了CSS使用中的一些要点。
　　关键词： CSS 网页设计 要点
　　
　　在网页的设计制作过程中，CSS起着至关重要的作用，使用CSS实现页面的内容与表现形式分离，可极大提高工作效率。编写规范高效的CSS代码是网站设计人员的追求，我结合实践经验，总结出了CSS使用中的一些要点。
　　一、学会使用缩写代码。
　　使用CSS缩写可以减少页面文件大小，提高下载速度，同时使代码简洁可读。如：
　　div{
　　border-top:1px solid #cccccc;
　　border-left:1px solid #cccccc;
　　border-right:1px soli #cccccc;
　　border-bottom:1px solid #cccccc;
　　}
　　可缩写为:div{border:1px solid #cccccc}
　　缩写格式中需要注意：（1）中括号内是按上、右、下、左的书写顺；（2）数值与单位不能有空格，每个值之间用空格隔开。
　　二、一个html元素的class属性可同时设定多个规则（多重class定义）。
　　一般写法为：，实际上我们可以为p元素指定多个规则，如：
　　CSS代码：.a{…}
　　 .b{…}
　　HTML代码：

该元素同时包括a和b中设定的样式
　　在这里需注意：多个规则之间用空格分开。
　　三、除非值为0，其他情况下应明确所赋值的单位。
　　CSS初学者普遍存在的问题是忘记定义尺寸，在html代码中我们可以写width="100"，但在CSS中应该给出一个准确的单位。如：width:100px;height:50px;font-size:9pt，0值除外，因为对于任何单位，0值的大小都是相等的。在这里需注意：不要在数值和单位之间加空格。
　　四、有关大小写问题。
　　在XHTML中，CSS定义的元素名称是区分大小写的，class和id的值在html和xhtml中也是区分大小写的，所以为了避免错误，最好的方法是一律使用小写。如：#aaa，与#AAA是不同的，在xhtml中，p和P也是不同的，它们之间不会覆盖。如果在CSS中定义了#aaa，而在html元素中使用AAA来应用样式，将不能得到#aaa中定义的样式。如：
　　CSS:#aaa{border:1px solid #ccc}
　　HTML:

显示不出来1个像素的边线