读书笔记《编写高质量代码》-如何组织CSS

读书笔记摘录：

组织CSS的方法：base.css+common.css+page.css

• base层：提供css reset 和 粒度最小的通用类--原子类
• common层：模块化
• page层：提供页面级别的样式。

base层

reset避免使用"*",更好的写法是将常用的标签显示罗列出来。 推荐yui的reset.css

common模块层

• 如何划分模块-单一职责 技巧一：模块与模块之间尽量不要有包含相同的部分，如果有相同提取出来再拆分成独立模块。 技巧二：模块应在保证数量尽可能少的情况下，提高重用性。
• CSS命名：能体现从属关系，比如drop-menu
• 挂多个class还是新建class--多用组合，少用继承
• 如何处理上下margin，上下margin会有重合问题，尽量不混用margin-top、margin-bottom,统一一种
• 低权重原则-避免使用子选择器
• CSS sprite，将多张背景图放到一张大图里面，利用background-position属性来展示需要的部分。