V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
whatisnew
V2EX  ›  CSS

CSS 在 body 内

  •  
  •   whatisnew · 2015-05-22 10:27:18 +08:00 · 3437 次点击
    这是一个创建于 3502 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    也是一样可以执行,这是为什么?

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

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

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

    哎,说多了都是泪
    whatisnew
        6
    whatisnew  
    OP
       2015-05-22 13:30:50 +08:00
    @lyragosa 应该就是上面 @Biwood 兄说的 fouc 的问题
    nilennoct
        7
    nilennoct  
       2015-05-22 16:58:43 +08:00
    @otakustay 所以连HTML都可以不闭合了😂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   995 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 18:46 · PVG 02:46 · LAX 10:46 · JFK 13:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.