什么是块元素?什么是行内元素?想必学习web前端培训知识的同学们,课上都会有提到这一方面,如果对这个知识点还不是很熟悉,可以看看下面小编整理的内容。

1625212529892

  什么是块元素?什么是行内元素?

  HTML标签语言提供了丰富的标签,用于组织页面结构。为了使页面结构的组织更加轻松、合理,HTML标签被定义成了不同的类型,一般分为块元素和行内元素,也称为块标签和行内标签,了解它们的特性可以为使用CSS设置样式和布局打下基础。

  1. 块元素

  块元素在页面中以区域块的形式出现,其特点是,每个块元素通常都会独自占据一行或多行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。

  常见的块元素有:

  <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是最典型的块元素。

  2. 行内元素

  行内元素也称内联元素或内嵌元素,其特点是,不会占据一行,也不强迫其他的标签在新的一行显示。一个行内标签通常会和其他行内标签显示在同一行中,它们不占有独立的区域,仅仅靠自身的文本内容大小和图像尺寸来支撑结构,一般不可以设置宽度、高度、对齐等属性,常用于控制页面中文本的样式。

  常见的行内元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等,其中<span>标签最典型的行内元素。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐