标签的3种显示模式和块级元素的特点_按照标签的默认显示方式-优快云博客

本文链接：https://blog.youkuaiyun.com/daimatong/article/details/106047010

本文详细解析了HTML中标签的三种显示模式：块级、行内和行内块元素，阐述了它们的特点与应用场景，帮助读者更好地掌握网页布局技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

①什么是标签的显示模式？

　　标签以什么方式进行显示，比如div自己占1行，而span一行可以放多个。

　　作用：我们的网页非常多，在不同的地方会用到不同的类型，以便更好的完成我们的网页制作。

　　②标签的3种显示模式

　　块标签，行内标签，行内块元素(inline-block)

　　块级元素：

　　常见元素有h1-h6,p,div,ul,ol,li等其中div最为典型

　　块元素的特点：

　　⑴比较霸道，自己独占一行。

　　⑵高度宽度外边距内边距都可以控制

　　⑶宽度默认是容器（父级宽度）100%

　　⑷是一个容器及盒子，里面可以放行内或者块级元素。

　　注意:p里不能放块级元素。h1-h6不能放块元素,dt不能放块元素。aa

<style>
	div {
		width:200px;
		height:200px;
		background-color:red;
	}
</style>


<div>
	<h1>为学</h1>
    <p>
		天下之事，有难易乎？钱多则难者易也。钱少，则易者难也。
	</p>
</div>

http://moban.shenhuangji.com/post/45.html