CSS单位与文字排版
1标签的类型(显示模式)
HTML标记一般分为块标记和行内标记两种类型,它们也称块元素和行内元素。具体如下:块元素每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。块级元素容器可以容纳多个嵌套的块级标签或者行内标签。常见的块元素有
1.1行内元素
行内元素不占有独立的区域,仅仅靠自身的字体大小和图像尺寸来支撑结构,一般不可以设置宽度、高度、对齐等属性,常用于控制页面中文本的样式。行内元素不能嵌套块级标签,只能嵌套其他的行内标签。常见的行内元素有
<strong><b><em><i><del><s><ins><u><a><span>等标记是最典型的块元素。
1.2Display改变标签显示模式
display可以控制标签的显示模式。
display:none | inline | block | inline-block
继承性:无
display值的解释:
none :此元素不被显示,在文档中被移除。
block :此元素按块级元素显示:前后带换行符,自己占一行。内联元素 → 块元素
inline :此元素按内联元素显示:1个挨着1个。块元素 → 内联元素
inline-block:按行内标签进行排版,但是可以设置宽高,而且高度可以影响行高(以后再详细讲)
1.2.1Display属性的兼容处理
IE6,7支持inline元素转换成inline-block,但不支持block元素转换成inline-block,所以非inline元素在IE6,7下要转换成inline-block,需先转换成inline,然后触发hasLayout,以此来获得和inline-block类似的效果。
div {
display: inline-block;
*display: inline;
*zoom: 1;
}