编写CSS代码可以用到的小技巧


在一行内声明CSS

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

  h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}
  h2 {
   font-size:18px;
   border:1px solid blue;
   color:#000;
   background-color:#FFF;
   }
  第二种看起来的确格式化,但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。

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

  分块书写代码

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

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

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3