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.使用有意义的名称,使用结构化或者作用目标相关的,而不是抽象的名称
领取专属 10元无门槛券
私享最新 技术干货