css 命名规范

https://www.zhihu.com/question/19586885

CSS书写顺序

1.位置属性(float，position, top, right, z-index,
display,等)

2.大小(width, height, padding, margin)

3.文字系列(font, line-height, letter-spacing,
color- text-align等)

4.背景(background, border等)

5.其他(animation, transition等)

image.png

CSS书写规范使用CSS缩写属性

CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。

image.png
去掉小数点前的“0”
image.png

简写命名

连字符CSS选择器命名规范　
1.长名称或词组可以使用中横线来为选择器命名。
2.不建议使用“_”下划线来命名CSS选择器，为什么呢?　　
输入的时候少按一个shift键;　
浏览器兼容问题 (比如使用_tips的选择器命名，在IE6是无效的)　　能良好区分JavaScript变量命名(JS变量命名是用“_”)

image.png

CSS命名规范(规则)常用的CSS命名规则

导航：nav
头：header
内容：content/container
广告：banner

(3)功能

按钮：btn
滚动：scroll