CSS代码编写的两则小技巧_CSS教程

编辑Tag赚U币

教程Tag：暂无Tag,欢迎添加,赚取U币!

在一行内声明CSS

　　我们来对比下面两段代码：

示例代码 [www.mb5u.com]

　　h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}

示例代码 [www.mb5u.com]

　　h2 {
　　font-size:18px;
　　border:1px solid blue;
　　color:#000;
　　background-color:#FFF;
　　}

　　第二种看起来的确格式化，但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。

　　以前我也是写成类似第二种方式，但是逐渐发现就像文章说的一样，没多大用。一行看起来又爽快又省地方还能让文件更小。

分块书写代码

　　这样书写代码可以让CSS更页面化，在出现问题时候可以最短时间内找到问题所在。就像下面这样：

示例代码 [www.mb5u.com]

　　#content {float:left;}
　　#content p { … }
　　#sidebar {float:left;}
　　#sidebar p { … }
　　#footer {clear:both;}
　　#sidebar p { … }