2.知识剖析

1.CSS书写顺序

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

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

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

4）背景(background, border等)

5）其他(animation, trans )

demo

demo2

                                                                                 2 .CSS书写规范

1）使用CSS缩写属性（margin：上 右 下 左）

2)去掉小数点前的0（font-size：.4rem;）

3)简写命名（.navigation{}→→#nav{}）

4)十六进制颜色代码缩写（#FFFFFF;→→#FFF；，#eebbcc→→#ebc；）

              5)连字符CSS选择器命名规范

  1，长名称或词组可以使用中横线来为选择器命名

  2，不能使用“_”下划线来命名CSS选择器，为什么呢？

6）不要随意使用id

7）为选择器添加状态前缀

3.常见问题

问题一：样式表和CSS书写规范以及顺序的冲突?

4.解决方案

6.扩展思考

拆分样式表之原子类

7.参考文献

参考一：CSS书写规范以及样式表                     

参考二：知乎

参考三:鑫空间：构架   8.更多讨论

1.1，多个CSS组成的架构和单个CSS，你会选择哪种？

2.如果选择多个样式表，你会使用原子类么？