第一章 基础知识

1.ID和类名

• 为元素命名：在分配ID和类名时，尽可能保持名称与表现方式无关，应该根据“他们是什么”来命名；
  
• 元素还是类:
  • ID:确定这个元素指挥出现一次的情况下，才使用ID；
    
  • 类:相似的元素
• div还是span: 只在没有现有元素能够实现区域分割的情况下使用div元素，过度使用div常常被称为“多div症”。div可以用来对块级元素进行分组，而span对行内元素进行分组或标识。
• 微格式: hCalendar\hCard\XNF 详情了解：microformats.org

2.文档类型、DOCTYPE切换和浏览器模式

• DTD：文档类型定义。
• DOCTYPE:DOCTYPE声明，描述使用哪个DTD，对页面进行有效性验证；决定页面以那种模式呈现（标准模式/混杂模式/），具体可查阅网站:hsivonen.iki.fi/doctype/

第二章 为样式找到应用目标

1.常用选择器

ps:适应应用范围广的一般性样式

• 类型选择器（元素选择器）：寻找特定类型的元素
• 后代选择器：特定元素或元素组的后代
  blockquote p{padding-left:2px}
• ID选择器
• 类选择器
• 伪类：有时候需要根据文档结构之外的其他条件对元素应用样式，例如表单元素或链接的状态
  • 链接伪类：（：link）(:visited)
  • 动态伪类：（：hover）（：active）（focus）
  • ps:IE6只注意应用于（：hover）（：active），完全忽略(：focus);
  • IE7上任何元素都支持（：hover），但忽略（：active）（focus）；

2.通用选择器

3.高级选择器

ps:IE6和更低版本不支持，在对于站点功能或布局很重要的任何元素上，都应该避免使用这些高级选择器。

• 子选择器和相邻同胞选择器
  • 子选择器：IE7和更高版本的都支持子选择器，但是有一个小bug，如果父元素和子元素之间有HTML注释，就会出问题。
• 属性选择器：acronym[active]{}
• 层叠和特殊性
  • 层叠：给每一个规则分配一个重要度
    • 标有！important的用户样式
    • 标有！important的作者样式
    • 作者样式
    • 用户样式
    • 浏览器/用户代理应用的样式
  • 特殊性：根据选择器的特殊性决定规则的次序
  • 在主体标签上添加类或ID
    • 根据页面或在站点范围内覆盖样式，使用类标识页面类型，使用ID标识特定页面
• 继承：应用样式元素的后代会继承样式的某些属性

3.规划、组织和维护样式表

• 对文档应用样式：外部样式表：链接/导入
• 设计代码的结构（可预先创建一个CSS模板）
  • 一般性样式
    • 主体样式
    • reset样式
    • 链接
    • 标题
    • 其他元素
  • 辅助样式
    • 表单
    • 通知或错误
    • 一致的条目
  • 页面结构
    • 标题、页脚、导航
    • 布局
    • 其他页面结构元素
  • 页面组件
    • 各个页面
  • 覆盖
• 注释：@todo:需要修改的；@bugfix:遇到的问题；@workaround:并不完善的权宜之计
• 删除注释和优化样式表（@todo）：在线CSS优化器（www.cssoptimiser.com）:删除注释、空白、额外的字节
• 样式指南（@todo）：模式组合是一个页面或一系列页面，他使用当前的样式显示站点上可能出现的每种样式排列组合，从标题级别和文本样式直到特定的内容和布局类型。