东莞天琥设计培训学校

试听课 + 活动课
填写信息优先获取试听课

位置:学校首页 > 学校动态>文档结构元素有哪些

文档结构元素有哪些

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。


领取试听课
温馨提示:为不影响您的学业,来校区前请先电话或QQ咨询,方便我校安排相关的专业老师为您解答
版权所有:搜学搜课(www.soxsok.com) 技术支持:搜学搜课网