广州网站建设

协会推荐企业:
您的位置在:首页 / 网站建设标准 / CSS2.0教程

CSS代码编写的两则小技巧

在一行内声明CSS

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



div css xhtml xml Example Source Code Example Source Code [www.52css.com]

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


div css xhtml xml Example Source Code Example Source Code [www.52css.com]

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

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

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

分块书写代码

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



div css xhtml xml Example Source Code Example Source Code [www.52css.com]

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

发表人:广州网站建设协会 发表日期:2007-10-8 点击数:846
版权所有 © 广州网站建设协会  ICP备02007555号  E-mail:1998web@163.com