思洋互动网站建设学前班

三、格式化CSS属性

当我们编写代码的时候，使用一些特殊的编码风格会对提高CSS代码的可读性有很大帮助。许多人都有各自不同的编码风格。一部分人习惯于将颜色和字体的代码放在前面，另外一部分则更喜欢将类似浮动和定位的更“重要”的属性放在前面。类似的，也可以将页面元素按照它在布局中的结构进行排序：

ExampleSourceCode 

1. body,  
2. h1,h2,h3,  
3. p,ul,li,  
4. form{  
5. margin:0;  
6. padding:0;  
7. border:0;  
8. }  
9.  

一些开发者用一种更为有意思的方法：他们将属性按首字母的顺序排列。值得注意的是，这样一种方法可能对某些浏览器会产生问题。不管自己的格式如何，你要确保你已经清晰的定义了这些格式方法。这样，你的同事在阅读你的代码的时候将会感谢你的努力。您还可以参考下面的文章。

四、合理的利用缩进

为了让你的代码给人感觉更为直观，增强CSS文件的可读性，你可以使用一行来定义大纲元素的样式。当指定的选择器里的属性超过三个的时候，这种方式将带来混乱。但是，适度的使用这种方式，你可以很清楚的区分相同类的不同点。

ExampleSourceCode 

1. #main-column{display:inline;float:left;width:300px;}  
2. #main-columnh1{margin-bottom:20px;}  
3. #main-columnp{color:#333;}  
4.  

同时，样式修改的维护也是个比较麻烦的问题。很多人修改样式之后就忘记了，结果后来又发现修改的样式导致了页面出错，不得不苦苦寻找。因此，为修改的样式构建一个特殊的格式就很必要了。一种很简单的方式是，给修改过的样式缩进，同时，也可以使用一些注释（比如"@new"）来做一个标识。
广州网站建设,网站建设,广州网页设计,广州网站设计

ExampleSourceCode 

1. #sidebarullia{  
2. display:block;  
3. background-color:#ccc;  
4. border-bottom:1pxsolid#999;/*@new*/  
5. margin:3px03px0;  
6. padding:3px;/*@new*/  
7. }  
8.  

总的来说，只有建立一个合适的样式指南才会对样式表的可读性有所帮助。记住，移去每一个对你理解文件没有帮助的样式指南，避免对过多的元素使用过多的样式指南。然后，为了一个可读性可维护性良好的CSS文件而努力吧。不要忘记和52CSS.com分享您的经验，欢迎参与评论。