《CSS权威指南》笔记

静态伪类： :link  :visited  (也称链接伪类)

动态伪类： :focus :hover :active  (动态伪类可以应用到任何元素)

伪元素选择器： 就像伪类为锚指定幻想类一样，伪元素能够在文档中插入假想的元素，从而得到某种效果。

:first-letter

:first-line

:before 伪元素可以在元素的内容前面插入新内容。

:after 伪元素可以在元素的内容之后插入新内容。

http://www.zhangxinxu.com/wordpress/2011/06/css3%E9%80%89%E6%8B%A9%E5%99%A8nth-child%E5%92%8Cnth-of-type%E4%B9%8B%E9%97%B4%E7%9A%84%E5%B7%AE%E5%BC%82/

CSS3选择器:nth-child和:nth-of-type之间的差异

:nth-child(2)    p:nth-of-type(2)

这两者的差异用一个跟切合实际的情况比喻就是计划生育查人口：前者是如果是第二胎，且是男孩，罚款！后者是管他第几胎，第二个出身的男孩，罚款！

第3章 结构和层叠

继承(Inheritance) 是从一个元素向其后代元素传递属性值 所采用的机制。

内联样式特殊性 1,0,0,0 

特殊性值0,0,1,0 比值0,0,0,13更高

注意：在HTML中，对于身上传播规则有一个例外：应用到body元素的背景样式可以传递到html元素（html是文档的根元素），相应地可以定义其画布。

继承值没有特殊性（null），因此小于特殊性值0。

一个简单的规则：正常流中块级元素框的水平部分总和就等于父元素的width。

水平格式化的“7大属性”中，只有3个属性可以设置为auto:元素内容的width，以及左，右外边距。其余属性必须设置为特定的值，或者默认宽度为0.

p171 使用auto

垂直

正常流中，将块元素的上，下外边距设置为auto时，实际它们的高度将是0

p292 浮动规则

脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它