首页>新闻>文档结构元素有哪些

文档结构元素有哪些

来源:东莞天琥设计培训学校时间:2022/2/8 11:02:12

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。


  • 上一篇:HTML5的编写规范是什么
  • 下一篇:CSS常见布局样式
  • 相关推荐 更多>

    HTML5的编写规范是什么

    文档结构元素有哪些

    CSS常见布局样式

    网页表格的属性怎么设置

    网页超链接的概述

    平面广告设计的特点

    立即申请体验课名额

    东莞天琥设计培训学校

    版权所有:搜学搜课(www.soxsok.com)

  • 在线咨询
  • 电话咨询
  • 微信咨询