- CSS发展史
- CSS基础知识
- CSS布局
1.CSS发展史
在HTML提出后不久，CSS1诞生，其主要解决网页的排版布局和装饰问题，其诞生具有开创性意义，是第一个具有“层叠性”概念的语言。之后的CSS2实现了表现与内容的分离，使其结构更加的简洁，此后的CSS不断更新换代CSS3通过对CSS2的改进逐步替代了CSS2，CSS3具有规范模块化发展，样式炫酷，丰富，提高了网站的可维护性以及性能速度。
2.CSS基础知识
CSS 翻译过来就是层叠样式表，网页中的各种样式会产生冲突，而CSS就是用于解决冲突的工具。
层叠，优先级：
层叠三大规则：样式表来源，选择器优先级和源码位置。其优先程度递减。
样式表来源重要排序：用户代理样式（浏览器默认）<用户样式表<作者样式表（由操作者编写）<作者样式表中的！important<用户样式表中的！important<用户代理样式表中的！important。
选择器有哪些：
选择器优先级：id>class=attribute-class>type=pseudo-element
源码顺序：
- 对于@import的样式，根据@import的书顺序
- 对于link和style标签的样式，根据在document中的顺序来决定。
经验：
- 选择器尽量少用id，id的优先级较高，不方便后续的优化修改。
- 尽量少用！important 优先级较高，后续使代码的灵活性降低。
- 自己的样式加载在引用库样式的后面。用以保证自己的样式生效，不会被覆盖。
继承：
继承方向：
但并不是所有的属性都能继承的，大部分与具有继承特性的属性跟文本相关例如：color,font,text-align,text-indent等等。还有部分列表，表格的属性。 可以使用inherit关键字显示指定一个属性值从其父元素继承。
CSS的值和单位
css的单位分为相对单位，绝对单位，频率，时间分辨率，角度，百分比单位等，详见下图：
css的值主要分为文字类，数值类和函数生成等。
3.CSS布局
常用布局方式：常规流布局，默认的布局方式，有块级格式化上下文和内联格式化上下文，浮动流布局，用浮动作属性控制，作横向布局。定位流，用position属性控制，fixed和absolute脱离文档流可以自由定位，覆盖等。
