一、重构和架构

优秀的架构是可扩展，易维护的，

重构：在不影响代码功能的情况下，使代码更加简洁并且可复用

代码是否需要重构：

1.有很多重复性代码 2.代码没有最佳实现方式 3.需求变更，现有架构不能满足需求

二、级联

样式是可以重叠的，级联就是浏览器根据规则来选择为元素最终使用那种样式。

选择器特制度：

特指度度量的是 CSS 选择器识别元素的精确性。为选取元素，不同类型的选择器常组合在一起，计算特指度时需要分析这些选择器（除了通用选择器 *）。为 (a, b, c, d) 中的各个变量赋予相应的数值，就能得到特指度。 (1) 如果用 style属性应用样式，则 a=1，否则 a=0。 (2) b为 ID 选择器的数量。 (3) c为类选择器、属性选择器和伪类的数量。 (4) d为类型选择器和伪元素的数量。

三、编写更优质的css

优秀的css就是看起来通俗易懂，后期易维护，扩展性强。

多使用注释

代码规范要一致

样式分类

四、样式分类

利用级联的规则，去更好的组织css代码，提高代码的复用性。

(1) 通用样式 (2) 基础样式 (3) 组件及其容器的样式 (4) 结构化样式 (5) 功能性样式 (6) 浏览器特定样式（如果一定需要）  

五、测试

测试时需要考虑很多因素，其中包括以下几点。 正在用什么浏览器测试网页？ 如何在不同的操作系统上测试各种各样的浏览器？ 正在多大的窗口浏览网页？ 如何快速测试大量网页？ 如何验证你所看到的效果是正确的？ 如果你无法获得某些设备，如何测试网站在这些设备上的效果？

* 根据自己的产品需要，以及市场需求，去进行浏览器测试。

六、代码组织和重构策略

判定代码是否重构，运用本书中2.3.4章的知识去重构代码。

代码是否重构成功：

1.有没有影响现有功能

2.代码变得更少（复用性强）

3.代码更规范（可读性强）

4.是否能提高以后得开发效率

有没有影响网站功能，代码变得更少更规范了，是否能减少以后的开发时间。

 

总结

本文主要纪录了自己对看完 (css重构：样式表性能调优)这本书之后得一些个人理解。