CSS规范中display初始为inline与块级元素默认block的矛盾如何解释？

首先要明确两个核心概念的区别：

• CSS属性的初始值：这是CSS规范定义的属性本身默认值，当元素未被任何样式（包括浏览器自带样式）影响时，会使用这个值。
• 用户代理样式表：浏览器自带的一套样式规则，目的是让HTML元素呈现符合用户预期的默认排版效果，这套规则优先级高于属性的初始值。

矛盾的协调方式 #

W3C CSS Display Level 3中提到的"所有元素的display初始值为inline"，是针对CSS属性本身的定义；而CSS2里说div、p等元素拥有display: block，以及浏览器为元素设置默认display值，都是浏览器用户代理样式表的规则。

简单来说：属性的初始值是"无样式干预时的默认值"，而浏览器会主动给特定HTML元素添加样式规则，把它们的display属性从初始的inline覆盖成对应的block、inline-block等值，以此实现合理的默认排版。

关于"初始为inline"的含义 #

这个表述并不是指浏览器设置display:block之前的"中间状态"，而是属性本身的默认值。实际上，浏览器的用户代理样式表在页面渲染时就会生效，用户几乎看不到元素处于初始inline的状态——除非你手动重置了浏览器的默认样式（比如用* { display: initial; }这类规则），此时元素才会回到属性的初始值状态。

内容的提问来源于stack exchange，提问作者user19497610