[分享]css两个块状元素特点

CSS是前端开发中非常重要的一部分，它可以帮助我们样式化和布局网页。在CSS中，有很多不同类型的元素，其中有两种重要的块状元素——div和span。div { display: block; } sp...

CSS是前端开发中非常重要的一部分，它可以帮助我们样式化和布局网页。在CSS中，有很多不同类型的元素，其中有两种重要的块状元素——div和span。

div {
    display: block;
}

span {
    display: inline;
} 

首先来看div元素。div是一种块状元素，它被用来包含其他元素或是作为页面中的一个独立区域。它的特点是：

• 默认宽度为100%。
• 总是会产生一个换行符。
• 可以通过CSS的width和height属性来设置它的大小。
• 可以设置边框、背景色和内部间距(padding)。

接下来是span元素。span元素也是一种块状元素，但和div元素不同的是，它通常被用来选中文本或是为文本添加样式。它的特点是：

• 默认宽度和高度为自适应（即取决于其内容的大小）。
• 不会产生换行符，它的显示位置会和它前面和后面的元素在同一行。
• 可以设置边框和背景颜色，但不能设置height和width属性。
• 可以通过CSS的text-decoration和font属性来为其内容添加样式。

总结：div和span都是非常重要的块状元素，它们的特点和应用场景有所不同，开发者需要根据实际需求来选择使用。