html - CSS 属性继承和 HTML 元素

Question

我理解 CSS 继承是如何工作的，但我很难找到一个好的资源来指示 CSS 规范最初应用于标准 HTML 元素(如 div、span)的哪些属性> 和 ul。 div 元素是 block 元素，span 元素将放置在inline 中。这些元素自然具有导致这些不同行为的属性，它们不是继承的。例如，如果 span 元素和 div 是 html 元素的直接后代的两个同级元素，它们的行为仍然不同.

我在哪里可以找到每个元素最初具有的 CSS 属性的列表？

Answer 1

For example, you have to specify 'border-box' over 'content-box' for a div element, where is this specified? The browser default stylesheet for 'div' only has display: block;.

浏览器默认样式表中给定元素未出现的属性被假定为该元素的所谓初始值。这个初始值不是由浏览器定义的，而是由 CSS 定义的(当然，浏览器实现可以随意违反规范)。

正如我在评论中提到的，某些属性(例如 color)被设计为默认继承，而其他属性(例如 display 和 box) -sizing，默认情况下不继承，因为继承对于这些属性根本没有意义。

您可以在相应 W3C CSS specification 的 propdef 中找到给定属性的初始值和继承信息。 ，或者，如果您更喜欢对作者更友好的引用，可以使用许多第三方资源之一，例如 MDN或 WebPlatform.org .

比如box-sizing的初始值为content-box，默认不继承。此属性在 CSS User Interface module 中定义.这就是为什么您需要显式声明 box-sizing: border-box 才能使用该值。