将样式应用于 html 标签是一种好习惯吗？答案

【问题标题】：Is good practice to apply a style to the html tag?将样式应用于 html 标签是一种好习惯吗？
【发布时间】：2013-07-02 13:31:59
【问题描述】：

我需要为整个页面放置一个图像背景。我曾经将样式应用于 body 标签。

只是想知道将样式放入 html 标记是否是 ss 的好习惯

【问题讨论】：

【解决方案1】：

当然。实际上，在 html5 中可以省略 html 标签，所以如果你有它，你肯定可以用它来做样式。它几乎没有任何其他用途，所以如果它使您不必添加额外的 div，我认为您应该这样做。

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

不建议在 HTML 中使用样式标签，因为样式应该由 CSS 处理。

你应该避免它，除非你需要一个特定的场景来动态设置某些部分的样式。

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

【讨论】：

【解决方案4】：

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

html {
    height:100%;
}

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

【讨论】：

【解决方案5】：

是的，没有错。您可以将样式添加到 html 标记中。

【讨论】：