css块级元素有哪些-块级元素CSS

块级元素是指 HTML 文档中具有从上到下、从左到右布局并手动包装的元素。 常见的块级元素有div、h1、p等。

div {
display: block;
width: 100px;
height: 100px;
background-color: red;
}

上面是一段简单的 CSS 代码css块级元素有哪些css块级元素有哪些，将 div 元素设置为块级元素，并设置其长度、高度和背景颜色。 在 HTML 文档中，您可以像这样使用这个 div 元素：

这将在页面上显示一个黑色方块。

块级元素有很多优点。 他们可以方便地控制布局。 在它们之间添加空白符号可以实现视觉上的分离，使HTML文档结构更加清晰。

此外，块级元素还具有一些特殊的属性。 它们在文档流中占据一整行，并且它们的长度默认为父元素的 100%。 不仅如此，他们还可以设置上、下、左、右行距和内行距。

p {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
margin-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}

上面是ap元素的样式代码，将p元素设置为块级元素，并为其设置上、下、左、右行距和内行距。 使用块级元素可以轻松控制页面的布局，使页面更加美观和可读。