CSS 在 body 内

2015-05-22 10:27:18 +08:00
 whatisnew

看规范说是 css 只能在 <head /> 内声明，但是我在 <body /> 内使用了

<body>
    <div id="content">
        <style>
            body { margin: 10%; }
        </style>
        或者
        <link rel="stylesheet" href="style.css"> 
    </div>
</body>

也是一样可以执行，这是为什么？

在 head 和 body 中声明 css 有什么区别？

3442 次点击
所在节点    CSS
7 条回复
lianyue
2015-05-22 11:15:52 +08:00
看规范 说内联 和块级 元素 不能 并行使用 可是 一堆人用 <div></div><span></span> 规范只是格式 而已 就想 你写程序 if xx==xx 和 if xx = xxx 的区别
Biwood
2015-05-22 11:24:19 +08:00
在哪儿写都可以起作用，但是在实际项目中一般都把样式放到头部，这样就可以使得 CSS 文件最先加载，避免在网速较慢的情况下出现 FOUC(Flash of Unstyled Content ) 的情况
whatisnew
2015-05-22 12:45:33 +08:00
@Biwood 如果把 css 放到那个 element 前面应该就会不有问题了吧
otakustay
2015-05-22 13:20:30 +08:00
因为这世界上傻子太多，浏览器只好屈从给你提供了不规范的功能
lyragosa
2015-05-22 13:29:13 +08:00
在body里面会闪烁

我当年为了解决这个问题……

哎，说多了都是泪
whatisnew
2015-05-22 13:30:50 +08:00
@lyragosa 应该就是上面 @Biwood 兄说的 fouc 的问题
nilennoct
2015-05-22 16:58:43 +08:00
@otakustay 所以连HTML都可以不闭合了😂

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/192906

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX