首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS必须在<head>标签中定义吗?

CSS必须在<head>标签中定义吗?
EN

Stack Overflow用户
提问于 2011-08-02 18:00:53
回答 4查看 7.9K关注 0票数 12

我想在我的页面中定义一个CSS片段,如下所示:

代码语言:javascript
运行
复制
<style type="text/css">
hr {color:sienna;}
p {margin-left:20px;}
</style>

我一直在读到它应该在<head>元素中定义,但它在内联时似乎工作得很好。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 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.

票数 12
EN

Stack Overflow用户

发布于 2011-08-02 18:08:58

除非使用HTML5和作用域属性,否则它不是严格有效的。

http://www.w3schools.com/html5/tag_style.asp

尽管我所知道的所有浏览器都会接受文档中任何位置的标记。

票数 2
EN

Stack Overflow用户

发布于 2011-08-02 18:03:50

大多数浏览器将它放在页面中的任何位置,但请注意,它只在该点之后生效。而且,如果不把它放在head元素中,它就不是有效的HTML。

此外,it's considered best practise to put it in the head element还可以缩短页面渲染时间。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6910296

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档