« 网站建站日记(3)网站构建日记(5) »
June 23 2008

网站建站日记(4)

Tags: 谈谈css的命名   2lengzi @ 10:44

今天在写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的可读性,写起来也不会乱,可读性也加强了。

   待续。。。。。。。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。