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
网友评论