html中块级元素是什么-html教程-PHP中文网

html中块级元素是什么

青灯夜游

发布： 2021-03-02 17:04:42

原创

11527人浏览过

在html中，块级元素指的是display属性为block的元素。通常块级元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形状是矩形，并且包含着其他元素。

html中块级元素是什么

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

块元素又名块级元素(block element)，和其对应的是内联元素(inline element)，都是html规范中的概念。大多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）。

块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示.例如: <h1>, <p>, <ul>, <table>

每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素；

立即学习“前端免费学习笔记（深入）”；

<html>
<head>
<style type="text/css">
p{ 
border: thin dotted #FF0000;
}
div{ 
border: 1px solid yellow;
}
</style>
</head>
<body>
<p>这是一个p元素</p>
<p>这是一个p元素</p>
<div>这是一个div元素</div>
<div>这是一个div元素</div>
</body>
</html>

登录后复制