【问题标题】:How to style html element directly (inline)?如何直接设置 html 元素的样式(内联)?
【发布时间】:2013-12-29 14:39:14
【问题描述】:

我有html元素的css样式,比如:

html {
  position: relative;
  height: 100%;
  min-height: 300px;
}

如果是body 或正文中的任何元素的样式,我可以使用此类元素的style="..." 参数直接应用样式。

但我怎样才能将样式直接应用于html 元素(内联)?

【问题讨论】:

  • 请记住,您应该避免内联样式,同样的方法应该适用于 <html> 标记。当你内联它时它不适合你吗?
  • 直接你的意思是inline(作为style属性)?
  • 作品here
  • 出于一些原因,请参阅stackoverflow.com/questions/4721997/…。或者只是谷歌“避免内联 CSS”。
  • 我并不是说它不起作用。这只是要避免的事情。最佳实践类型的东西。

标签: html css


【解决方案1】:

只需按照您在body 示例中描述的方式进行操作即可:

<html style="position: relative; height: 100%; min-height: 300px;">

但要注意内联样式是不好的做法。除非您有非常严重的原因,否则不要使用它们。参考这个问题的cmets中提到的this answer

【讨论】:

  • 另外,“位置:相对”不是无关紧要吗? &lt;html&gt; 块位于文档的顶层;其中包含的所有内容/默认情况下/都与该空间相关。
  • @mori57 - 令我惊讶的是,这并非无关紧要 - 请参阅 stackoverflow.com/questions/20521309/…
  • 我觉得说“内联样式不好”是一种误导。尽管它们更难维护,但它们不会影响性能或导致其他bad 事情发生。更多的是“实践”和“个人喜好”的问题。也许更好的表达方式是说“内联样式被认为是不好的做法”。只是一个想法。
  • @ΩmegaΔ ... 有趣的是,我原以为基本元素确实是 HTML 文档中所有其他元素的相对容器。嗯,每天都学点新东西,对吧?谢谢!
【解决方案2】:

这是不正确的,但你可以这样做

<html style="background-color:red;">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-12-26
    • 1970-01-01
    • 1970-01-01
    • 2017-10-19
    • 1970-01-01
    • 1970-01-01
    • 2015-06-03
    • 2021-09-04
    相关资源
    最近更新 更多