我需要为整个页面设置图片背景。我过去是通过将样式应用于body标签来实现这一点。
只是想知道是否将样式应用于html标签是一个好的做法。
通常我会在HTML元素中加入height属性,以便尽可能地将背景图像放大。别忘了同时设置body的高度:
html {
height:100%;
}
body {
height:100%;
background:#000 url(your-image.png);
}
是的,您可以对HTML元素应用样式。而且,它甚至不必存在于您的原始HTML文档中(在HTML5中是允许的),例如下面的代码就可以:
<!DOCTYPE html>
<title></title>
<style>
html {
/* ... CSS properties go here ... */
}
</style>
<HTML>
元素被定义为一个 隐含元素 - 基本上用户代理程序必须假定它存在,并且所有良好的用户代理程序在渲染网页时都会将其附加到 DOM 中。html {}
选择器。不建议在HTML内部使用样式标签,因为样式应由CSS处理。
除非存在特定情况需要动态设置某些部分的样式,否则应避免使用它。
但即使是在这种动态情况下,我也建议在CSS中创建一个类级别的样式,然后在创建元素时只需将该类添加到元素中即可应用所需的样式。