郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

博彩评级专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

博彩评级提供网页素材下载、网站模板
这一切都是免费的!
当前位置:博彩评级 > div+css > css教程 >

CSS中最合理ID/CLASS的命名规范

来源:博彩评级 作者: 博彩评级 日期:2010-03-09 人气:
最好不要在你的类名或者ID名中去加入颜色或者长宽的尺寸等带有属性的名字。

本文地址:http://www.qqydc.com/html+css/htmlcssjq/CSS_name.html
文章摘要:CSS中最合理ID/CLASS的命名规范,伏下银行汇款外圆磨床,合奏白恩培脏兮兮。

先看一个例子:

  .l-123f { color: red; }

  如果你第一次看到这个类名,你能在css文件立刻找到这个class吗?估计很难,因为这个类的名称只是某一个人能理解的符号再没有其他意义,所以这里没有一个准确的方法能够让你立即说出来。

让我们来看下这个类名定义:

  .right-red { color:red; }

  你可能很明确的知道这个class选择符的所起的作用。但是这里还有个问题,当你在一星期的时间需要重新设计。在重新设计的时候,这个模块被放置到了左边,而且还是绿色。这个类就不再有存在的价值。所以现在不得不选择,要么改变所有的属性值,要么放着它不动,这可能导致混乱。

  最好不要在你的类名或者ID名中去加入颜色或者长宽的尺寸等带有属性的名字。你应该避免任何的属性值都是直接的词汇。(如box)直接属性可能会导致内容的分离。

  让我们来看看最合理ID/CLASS的命名规范:

  .product-description { color: red; }

  用这种样式定义的product-description(产品描述),不管你怎么改变,她都是那么的干净清晰。

 

本文链接:CSS中最合理ID/CLASS的命名规范http://www.qqydc.com/html+css/htmlcssjq/CSS_name.html

CSS中最合理ID/CLASS的命名规范由博彩评级收集整理,博彩评级:您可以自由传播,请主动带上本文链接

博彩评级就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

(责任编辑:博彩评级)