Question

我需要为整个页面添加图像背景。我用这个方法将样式应用于 body 标记。

只是想知道将样式添加到 html 标记是不是很好的做法

Answer 1

它没有错。你可以把样式放到html标签。

Answer 2

不确定。实际上，html标签可以在html5中省略，所以如果你拥有它，你可以确定如果你愿意的话可以用它来造型。它几乎没有任何其他目的，所以如果它不需要添加额外的div，我认为你应该。

Answer 3

我通常会将height-property添加到HTML元素中，以使背景图像尽可能大。不要忘记设置身体的高度：

html {
    height:100%;
}

body {
    height:100%;
    background:#000 url(your-image.png);
}

Answer 4

是的，您可以将样式应用于HTML元素。更重要的是，它甚至不必存在于原始HTML文档中（如HTML5中允许的那样），例如以下代码很好：

<!DOCTYPE html>
<title></title>
<style>
html {
  /* ... CSS properties go here ... */
}
</style>

技术原因是因为<HTML>元素在W3C规范中定义为隐含元素 - 基本上用户代理必须假设它是在那里，所有好的UA都会在渲染网页时将它附加到DOM。

阿布的回答是尊重，尽管在他所谈论的背景下是正确的，但却是对这个问题的误解。 Abu指的是将内联STYLE属性应用于HTML文档本身的HTML元素。另一方面，我认为这个问题是指在外部CSS样式表中使用html {}选择器。

Answer 5

不建议不要在HTML中使用样式标记，因为CSS应该使用样式。

除非需要为某些部分动态设置样式的特定场景，否则你应该避免使用它。

但在这个动态的情况下，我建议在CSS中创建一个类级别样式，然后在创建时将该类添加到元素中，以便应用所需的样式。