CSS使用display属性来规定元素应该生成的框的类型,任何元素都可以通过display属性改变默认的显示类型。其元素类型有这些:1.块级元素(display:block);2.行级元素(display:inline)3.列表项元素(display:listitem);隐藏元素(display:none)。
文档结构元素有哪些
1.块级元素(display:block)
display属性设置为block将显示块级元素,块级元素的宽度为,而且其后面隐藏附带有换行符,使块级元素始终占据一行。例如,div常被称为块级元素,这意味着这些元素将显示为一块内容。标题、段落、列表、表格、分区、body等元素都是块级元素。
2.行级元素(display:inline)
行级元素也称内联元素,display属性设置为inline将显示行级元素,元素前后没有换行符。由于行级元素没有高度和宽度,因此也就没有固定的形状,显示时只占据其内容的大小。
超链接、图像、范围、表单等元素都是行级元素。
3.列表项元素(display:listitem)
listitem属性值表示列表项目,其实质上也是块状显示,不过是一种特殊的块状类型,它增加了缩进和项目符号。
4.隐藏元素(display:none)
none属性值表示隐藏并取消盒模型,所包含的内容不会被浏览器解析和显示。通过把display设置为none,该元素及其所有内容将不再显示,也不占用文档中的空间。
5.其他分类
除上述常用的分类之外,还包括以下分类:
display:inline-table I run-in I table I table-caption I table-cell I table-column I table-column-groupI table-rowI table-row-group|inherit如果从布局角度来分析,上述显示类型都可以划归为block和inline两种,其他类型都是这两种类型的特殊显示。
真正能够应用并获得所有浏览器支持的只有4个:none、block、inline和listitem。