CSS 在 body 内

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 3484 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

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

CSS

div

body

7 条回复 • 2015-05-22 16:58:43 +08:00

lianyue

2015-05-22 11:15:52 +08:00 via iPhone

看规范说内联和块级元素不能并行使用可是一堆人用 <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都可以不闭合了😂