今天图老师小编要跟大家分享CSS代码编写的两则小技巧,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!
【 tulaoshi.com - Web开发 】
在一行内声明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;
}
第二种看起来的确格式化,但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。
以前我也是写成类似第二种方式,但是逐渐发现就像文章说的一样,没多大用。一行看起来又爽快又省地方还能让文件更小。
分块书写代码
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)这样书写代码可以让CSS更页面化,在出现问题时候可以最短时间内找到问题所在。就像下面这样:
#content {float:left;}
#content p { … }
#sidebar {float:left;}
#sidebar p { … }
#footer {clear:both;}
#sidebar p { … }
来源:http://www.tulaoshi.com/n/20160219/1621334.html
看过《CSS代码编写的两则小技巧》的人还看了以下文章 更多>>