元素
- 元素形式: 替换,非替换
- 元素类型: 块级,行内
- 列表是特殊的块级元素,它会生成一个标记符
样式表
- 候选样式表: rel='alternative'
- @import导入样式表,必须在style的开头;结构可以为
选择器
- 关键字一般用空格分开,一种特殊情况就是,设置字体大小和行高
font: large/150% sans-serif;
- 属性选择器:一般就是完全串匹配;也可以多个一起
p[attr=a][class=b]
- 部分属性选择器:
[foo~=bar]
:包含 [foo*=bar]
:包含子串 [foo^=bar]
:开头 [foo$=bar]
:结尾
- 伪类和伪选择器:为文档中不一定具体存在的结构指定样式,或为某些元素的状态所指示的幻像类指定样式
- 链接伪类:
:link
, :visited
;不适用于没有指定href
的锚元素 - 动态伪类:
:focus
, :hover
,:active
; - 伪类顺序:
link-visited-focus-hover-active
- 静态伪类:
:first-child
, 根据语言选择,:lang(fr)
- 伪元素选择器:
:first-letter
,:first-line
,:before
,:after
选择器特殊性(层叠)
!important
: 特殊 - 内联:1,0,0,0
- ID :0,1,0,0
- 类,属性选择,伪类:0,0,1,0
- 元素,伪元素:0,0,0,1
- 结合符和通配符:0,0,0,0
继承
- 有些属性不能继承,如大多数框属性
- 继承的属性没有特殊性
层叠
- 特殊性越高的元素,权重越大
- 越后出现,权重越大
- 有
!important
的权重高于没有的 - 通常的顺序声明链接样式:LVHA