CSS企业规范

css的代码书写顺序

css代码的行为规范

不要以完全没有语义的标签作为选择器,这会造成大面积污染

除非你可以断定现在或将来你的这个选择器不会污染其他同类

简写css颜色属性值

删除css属性值为0的单位

0就是0,任何单位都不需要,只要前面的数值为0,后面的单位都可以去掉 .

删除无用CSS样式

第一,删除无用的样式后可以减少整个网页文档的体积,提升网页的加载速度;第二,对于浏览器而言,所有的样式规则的都会被浏览器检索并且解析,即使是当前页面没有匹配的样式规则 , 浏览器也会进行检索和解析 , 所以如果去除了没有匹配的样式规则,就能够减少浏览器的索引项 ,加快浏览器的检索速度;

css属性值需要用到引号时,统一使用单引号

为单个css选择器或新申明开启新行

css代码的命名规范

以字母开头

1.必须以字母开头命名选择器,这样可保证在所有浏览器下都能兼容;

2.不允许单个字母的类选择器出现;

3.不允许命名带有广告等英文的单词,例如ad,adv,adver,advertising,已防止该模块被浏览器当成垃圾广告过滤掉。任何文件的命名均如此。

全小写,并使用 ’ - ’ 连字符

1.下划线 ’ _ ’ 禁止出现在class命名中,统一使用’-‘连字符

2.禁止驼峰式命名,备注驼峰命名在js的命名中是允许的

3.不允许命名带有广告等英文的单词,例如ad,adv,adver,advertising,已防止该模块被浏览器当成垃圾广告过滤掉。任何文件的命名均如此。

命名应简约而不失语义

1.避免过度简写 , .ico足够表示这是一个图标 , 而.i不代表任何意思

2.使用有意义的名称,使用结构化或者作用目标相关的,而不是抽象的名称

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180604G1GY8Z00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券