技巧:CSS代码编写的两则小技巧

时间:2008-10-06 10:48:04  来源:第二电脑网上收集  作者:

  第二电脑网导读:>  border:1px solid blue;   color:#000;   background-color:#FFF;   }   第二种看起来的确格式化,但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。  以前我也是写成类似第二种方式,但是逐渐发现就像文章说的一样,没多大用。一行看起来又爽快又省地方还能让文件更小。分块书写代码
  正文:

在一行内声明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 { … }

"技巧:CSS代码编写的两则小技巧"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Page/css/2008-10-06/2012.html


关键字:

关于《技巧:CSS代码编写的两则小技巧》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td