HTML块元素和CSS显示块属性之间的区别

Question

我是否知道HTML块元素（例如<p>，<div>，...）和CSS属性display: block之间是否存在差异？

从我所看到的内容来看，它们是相同的，但为什么我们仍然需要将display: block用于某些块级元素。

Answer 1

您所谓的“HTML块元素”是将其显示属性设置为block的元素，因此<div>和<span>与display:block;之间没有区别。

此显示属性由用户代理样式表（即您的浏览器）设置。您可以在“用户代理样式表”下的chrome dev工具中查看这些属性。

我看到将display:block;用于div元素的唯一原因是：

• 您的目标广告正在使用一些不遵循网络标准的不良用户代理（非常不可能）
• 您需要覆盖之前的CSS声明，例如display:none;

Answer 2

...之间没有区别，因为块元素已经具有默认的css属性display: block。

但是，当我们使用display: block隐藏/删除页面时，我们会再次使用display: none来显示它们。