我想在我的页面中定义一个CSS片段,如下所示:
<style type="text/css">
hr {color:sienna;}
p {margin-left:20px;}
</style>我一直在读到它应该在<head>元素中定义,但它在内联时似乎工作得很好。
发布于 2011-08-02 18:06:12
对于HTML4,规范说:
元素允许作者将样式规则放在文档头中。HTML允许在文档的标题部分使用任意数量的样式元素。
Reference: http://www.w3.org/TR/html4/present/styles.html#h-14.2.3.
他们对"head of the document“的规范,而不是简单的”document",强烈地表明在其他地方是不合适的。
然而,对于HTML5,这是宽松的,style元素可以放在文档本身中:
元素允许作者在他们的文档中嵌入样式信息。style元素是样式处理模型的几个输入之一。元素不代表用户的内容。
Reference: http://www.w3.org/TR/html5/semantics.html#the-style-element.
发布于 2011-08-02 18:08:58
除非使用HTML5和作用域属性,否则它不是严格有效的。
http://www.w3schools.com/html5/tag_style.asp
尽管我所知道的所有浏览器都会接受文档中任何位置的标记。
发布于 2011-08-02 18:03:50
大多数浏览器将它放在页面中的任何位置,但请注意,它只在该点之后生效。而且,如果不把它放在head元素中,它就不是有效的HTML。
此外,it's considered best practise to put it in the head element还可以缩短页面渲染时间。
https://stackoverflow.com/questions/6910296
复制相似问题