静态伪类: :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脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它