元素(element)是文档结构基础
1.在CSS中,至少在css2.1中,意味着每个元素生成一个框;
2.元素显示角色:块级(block-level)元素和行内(inline-level)元素;
3.块级元素(默认的)它会填充其父元素的内容区,旁边不能有其他的元素;换句话说,它在元素框之前和之后生成了“分隔符”。
列表项是块级元素的特例;
4.行内元素在文本行内生成一个元素框;而不会打断这行文本。(行内元素最好的例子:a标签,strong,em都是行内元素;所以可以在出现在另一个元素的内容中,而不会破坏其显示;)
----在html和Xhtml中,块级元素不能继承自行内元素(即:不能嵌套在行内元素中);
CSS的display属性:block,inline,list-item,none,run-in,table,inline-table,table-row-group,table-header-group,table-footer-group,table-row,table-column-group,table-column,table-cell,table-caption,inherit;
-----行内元素可以继承块元素,而反之则不可以;
4.属性选择器
[foo^="bar"]选择foo属性以"bar"开头的所有元素
[foo$="bar"]选择foo属性以"bar"结尾的所有元素
[foo*="bar"]选择foo属性包含子串"bar"的所有元素
5.伪类和伪元素
a:visited的冒号是伪类或者伪元素的“名片”
伪类顺序很重要(通常):line-visited-focus-hover-active
p:first-child
伪元素能在文档中插入假想的元素,从而得到某种效果;
css2.1中定义了四个伪元素:p:first-letter/ first-line/before/after
6.inherit使一个属性的值与其父元素的值相同;在大多数情况下,不必指定继承;因为大多数属性本身会自然的继承;
7.浮动(p299)/位置/内容溢出和裁剪/表布局/多媒体