造型html体内联

Question

我需要补充一下：

html, body{
height: 100%;
}

但是，我目前卡在CMS中，我只能在BODY标签下编辑，这意味着我无法在标题中添加任何内容，调整样式表或类似内容。我添加它的唯一方法是内联标签。如果能以任何方式解决这个问题，我也可以在这个空间内执行PHP。

我是处于不可能的情况还是有解决方案？

Answer 1

您可以使用PHP输出可以调整样式的javascript字符串：

print '<script>document.body.style.height = '100%'; document.body.parentNode.style.height = '100%';</script>';

也就是说，如果您不关心HTML验证和/或使用HTML5文档类型，那么可以在任何地方添加普通样式标记。如果您需要使用PHP输出，只需将其放入一个字符串中（就像我使用上面的javascript一样）：

print '<style type="text/css">html, body{ height: 100%; }</style>';

您可能还想查看作用域样式标记，HTML5的新增内容：http://dev.w3.org/html5/spec/the-style-element.html#attr-style-scoped

<强>文档

• PHP print - http://php.net/manual/en/function.print.php
• Javascript element.style - https://developer.mozilla.org/en-US/docs/DOM/element.style
• Scoped样式表 - http://dev.w3.org/html5/spec/the-style-element.html#attr-style-scoped

Answer 2

您可以使用javascript在事后更改这些标记的属性。

如果你已经（或者你想尝试）使用jquery，那很容易。只需运行此脚本：

$("html").css("height","100%");

如果您不想使用jquery，那么您对大多数浏览器的处理方式如下：

document.body.style.height = "100%";

OR

document.getElementsByTagName('body')[0].style.height = "100%";

Answer 3

非常确定这样可以，风格标签可以添加到任何地方：

<style>
html, body{
height: 100%;
}

</style>

Answer 4

如果您可以访问javascript（您这样做），则可以添加：

<script>
  var body=document.getElementsByTagName('body')[0];
  body.style.background='#000';
</script>