html - 在 css 中声明 html 主体

Question

我用过

html, body {
 background-image: something;
}

在我的 CSS 中使用了很多年。现在我不记得为什么真的..

这种方法是否必要/有益，或者 body{} 是否足够？

Answer 1

如果您要应用背景，通常选择body 就足够了；无论主体尺寸如何，浏览器都会知道在整个视口(viewport)上绘制背景。规范(CSS2.1，CSS3 module)中涵盖了浏览器预期行为的详细信息。甚至 CSS2.1 规范也推荐它(尽管出于本文后面提到的原因，它并未强制执行):

For HTML documents, however, we recommend that authors specify the background for the BODY element rather than the HTML element.

唯一需要将背景应用到两个元素的情况是当您想要将一个背景叠加在另一个背景上时；您可以只在 body 元素上使用分层背景的 CSS3 语法，或者让 body 的背景覆盖 html 的背景。即便如此，我能想到的选择后者的唯一原因是如果您需要与不支持 CSS3 语法的旧浏览器兼容。我在对 this related question 的回答中深入介绍了这两种方法。 .