html - 使用 HTML/CSS vs 设置网页的背景图片

Question

我有一个 HTML 文件和一个 CSS 文件的链接。我通过这样做（在CSS文件中的body标签下）让它在CSS文件下显示重复的背景图像，它可以工作：

body {
    /*Set background image*/
    background: url("../img/background/main.jpg") repeat;
}

但是当我尝试这样做时（在 CSS 文件中的 html 标记下）它不起作用：

html {
    /*Set background image*/
    background: url("../img/background/main.jpg") repeat;

根据此站点，它显示了使用 html 标记的示例： 此站点显示 css 中的 html 与 html 标记一起使用

那么我该如何进行这项工作，或者我不应该这样做呢？

Answer 1

将 CSS 放在 HTML 标签上通常被认为是不好的做法，因此您应该将其保留在 body 标签上。通常这是出于语义原因 - HTML 元素包含不应该也不能应用样式的子元素（即头部）。

开发人员倾向于将样式应用于 HTML 元素，或者因为他们不知道更好，或者避免向 DOM 添加其他元素，但这并不正确。

方便地，使用 body 元素已经为您工作了，所以 nbd. :)