【读书笔记】精通CSS 第二版

div和span：

div用来对块级元素分组，span用来对行级元素分组。div代表division，它可以将文档分隔为几个有意义的部分，应该只在没有现有元素能实现区域分隔的情况下使用div。

微格式（microformat）：

HTML中缺少相应的元素，很难突出显示人，地点，日期等类型的信息

参考：  微格式

文档类型定义DTD：

DTD是一组机器可读的规则，它们定义XML或HTML的特定版本中允许有什么不允许有什么，在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施

• DOCTYPE当前有两种风格，严格（strict）和过渡（transitional）

浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性，他们创建了

• 标准模式
• 混杂模式（quirks mode）
• 几乎标准的模式（almost standard mode）

选择器（selector）：

• 元素选择器
• 后代选择器：由两个选择器之间的空格表示
• ID选择器
• 类选择器
• 伪类选择器：

                             ：link 和：visited称为链接伪类，只能用于锚元素

                            ：hover ：active 和 ：focus称为动态伪类，理论上可以用于任何元素

• 通用选择器：*，可以用来对某个元素的所有后代应用样式，或者跳过一级后代
• 子选择器：>  ，只选择元素的直接后代，即子元素
• 相邻同胞选择器：+ ， 用于定位同一个父元素下某个元素之后的元素
• 属性选择器：根据某个属性是否存在或属性的值来寻找元素

层叠（cascade）和特殊性：

！important提高重要度。

作者的样式表即站点开发者最重要，用户其次，最后是浏览器或者用户代理使用的默认样式表

如果两个规则的特殊性相同，那么最后定义的优先

层叠采用以下重要度次序：

1. 标有！important的用户样式
2. 标有！improtant的作者样式
3. 作者样式
4. 用户样式
5. 浏览器/用户代理应用的样式

继承：

应用样式的元素的后代会继承样式的某些属性

直接应用于元素的任何样式总会覆盖继承而来的样式，这是因为继承而来的样式特殊性为空

规划组织和维护样式表：管理代码的方法

最近的浏览器基准测试已经表明：导入样式表比链接样式表慢

多个文件会导致从服务器发送更多的数据包，这些数据包的数量（而不是内容）会影响下载时间

浏览器只能从同一个域同时下载数量有限的文件（老式浏览器2个，现代浏览器8个）

CSS使用c风格的/* */注释，建议在每个注释头中添加一个标志@注释，便于搜索

链接：  CSSDoc项目：CSS模块化注释

CSS文档结构

/* @group general styles一般性样式

---------------------------------------------------------------------*/

1. 主体样式
2. reset样式
3. 链接
4. 标题
5. 其他元素

/* @group helper styles辅助样式

---------------------------------------------------------------------*/

1. 表单
2. 通知和错误
3. 一致的条目

/* @group page structures 页面结构

---------------------------------------------------------------------*/

1. 标题，页脚和导航
2. 布局
3. 其他页面结构元素

/* @group page components页面组件

---------------------------------------------------------------------*/

1. 各个页面

/* @group overrides 覆盖

---------------------------------------------------------------------*/

颜色参考值表

开发前在样式表头部以注释方式添加颜色查询表，完成后删除

/* Color Variables

@colordef #434343;  dark gray;

@………………………………………….

*/