在HTML标签中应用样式是一个好的实践吗?

3

我需要为整个页面设置图片背景。我过去是通过将样式应用于body标签来实现这一点。

只是想知道是否将样式应用于html标签是一个好的做法。

5个回答


1
当然。实际上,在html5中,可以省略html标签,因此如果您有它,可以用于样式化。它几乎没有其他用途,所以如果它能让您避免添加额外的div,我认为您应该使用它。

0

通常我会在HTML元素中加入height属性,以便尽可能地将背景图像放大。别忘了同时设置body的高度:

html {
    height:100%;
}

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

0

是的,您可以对HTML元素应用样式。而且,它甚至不必存在于您的原始HTML文档中(在HTML5中是允许的),例如下面的代码就可以:

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

技术上的原因是,因为在 W3C 规范中,<HTML> 元素被定义为一个 隐含元素 - 基本上用户代理程序必须假定它存在,并且所有良好的用户代理程序在渲染网页时都会将其附加到 DOM 中。
尽管 Abu 的回答在他所讨论的情境中是正确的,但这是对问题的误解。Abu 是指在 HTML 文档本身中将内联样式属性应用于 HTML 元素。我相信,另一方面,这个问题是指在外部 CSS 样式表中使用 html {} 选择器。

-2

不建议在HTML内部使用样式标签,因为样式应由CSS处理。

除非存在特定情况需要动态设置某些部分的样式,否则应避免使用它。

但即使是在这种动态情况下,我也建议在CSS中创建一个类级别的样式,然后在创建元素时只需将该类添加到元素中即可应用所需的样式。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接