Web前端技术分享：什么是块元素?什么是行内元素?

Posted 2021-08-02 程序员的小傲娇

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

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

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

1. 块元素

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

常见的块元素有：

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

2. 行内元素

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

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

什么是块元素？什么是行内元素？通过上面的详细介绍同学们了解了吗？想了解更多Web前端知识，欢迎持续关注我哟！
　　
本文来自千锋教育，转载请注明出处。