本文探讨了为什么设置`display: block`后`

元素内容显示的原因：display: block的全局影响

HTML文档的元素用于定义页面的标题，通常不会直接显示在网页内容区域。这是因为元素默认的CSS样式为display: none。

然而，当CSS中使用通配符* { display: block; }时，这个样式规则会应用于页面上的所有元素，包括元素。 display: block属性会将元素渲染为块级元素，占据一整行空间。因此，原本隐藏的元素由于样式被覆盖，变成了块级元素并显示在页面上。

重要提示： 元素的设计初衷并非用于在页面内容中显示。它主要用于：

• 浏览器标题栏: 显示在浏览器窗口的标题栏中。
• 搜索引擎优化 (SEO): 搜索引擎使用元素来理解页面的主题，从而进行索引和排名。

如果需要在页面上显示标题，应该使用

到

等标题元素，而不是元素。 将* { display: block; }应用于整个页面通常是不合适的，因为它会破坏页面的默认布局和样式。

理论要掌握，实操不能落！以上关于《CSS`display:block`生效原因详解》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！