非常实用的CSS书写技巧

时间:2016-12-20 15:41:03 类型:HTML/CSS
字号:    

      对于WEB前端工程师而言,在工作过程中,特别是在DIV、CSS布局的时候要特别注意CSS的学习和使用,才能写出更加符合WEB规范的代码。

以下介绍2个CSS技巧,供大家学习:

技巧一:在一行内声明CSS。

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


技巧二、分块书写代码 

#content {float:left;}  
  #content p { … }  
  #sidebar {float:left;}  
  #sidebar p { … }  
  #footer {clear:both;}  
  #sidebar p { … } 
分块书写代码可以让CSS更加页面化、容易查错、纠错。