今天在写css的时候,忽然发现css查找起来很麻烦。我想大家可能也有同感,大多是以数字命名,例如:.123{......}这样写起来,虽说在当时看,很简单。自己也不要想的太多,可是css的可读性就大大的减弱了。要是以后你拿到程序员手里,他们要找出你要表达的意思,就只能用“ctrl+F”查找了。所以说,我们在写css样式的时候一定要锻炼自己的写作格式,把它当成一遍文章来写。来看一个例子吧。
/*index*/
.Index_R_news{width:537px; margin:10px 0 0 0;}
.Index_R_news_top{ width:535px;height:29px; border-right:1px #ccc solid;border-left:1px #ccc solid;}
.Index_R_news_top_L{ width:39px; height:29px; background:url(../images/800index08_08.gif)}
我们注意一下,我黄色的背景部分,这段css代码的可读性就很强。从上到下你可以知道它的位置,我来给大家解释一下。Index_R_news就是“首页右面的新闻css样式表”,.Index_R_news_top 就是“首页右面新闻的顶部样式表”,.Index_R_news_top_L 就是“首页右面新闻顶部的左面样式表”。
我不是说非要这样写,但是这是一个好的习惯,可以增加css的可读性,写起来也不会乱,可读性也加强了。
待续。。。。。。。
