欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > 网页制作 >  文档结构元素有哪些

文档结构元素有哪些

来源:培训无忧网 发布人:裴裴

2022-08-27 21:46:20|已浏览:134次

文档结构元素有哪些

文档结构元素有哪些

      文档结构元素有哪些?CSS使用display属性来规定元素应该生成的框的类型,任何元素都可以通过display属性改变默认的显示类型。其元素类型有这些:1.块级元素(display:block);2.行级元素(display:inline)3.列表项元素(display:listitem);隐藏元素(display:none)。以下是文档结构元素有哪些的具体介绍。

      1.块级元素(display:block)

      display属性设置为block将显示块级元素,块级元素的宽度为100%,而且其后面隐藏附带有换行符,使块级元素始终占据一行。例如,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两种,其他类型都是这两种类型的特殊显示。

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-52779.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注网页制作频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!