如果我将css文件放在<head>或<body>中有什么区别？

如果我将css文件放在<head>或<body>中有什么区别？通常css文件放在里面<head></head>，如果我把它放在里面<body></body>，它会有什么区别？

查看完整描述

3 回答

慕斯王

TA贡献1864条经验获得超2个赞

只是为了补充jdelStrother提到的有关w3规范和ARTstudio关于浏览器渲染的内容。

建议使用，因为当你在<body>启动之前声明了CSS 时，你的样式实际上已经加载了。因此，用户很快就会看到屏幕上出现的内容（例如背景颜色）。如果没有，用户在CSS到达用户之前会看到空白屏幕一段时间。

此外，如果您将样式保留在某处，<body>则在解析声明的样式时，浏览器必须重新呈现页面（加载时新旧）。

反对回复 2019-08-02

三国纷争

TA贡献1804条经验获得超7个赞

将CSS放在body中意味着稍后加载它。这是一种让浏览器开始更快地绘制界面的技术（即，它删除了阻塞步骤）。这对于SmartPhone的用户体验非常重要。

我会尽力保持一个小css <head>，我将其余部分移到底部。例如，如果一个页面使用JQuery UI CSS，我总是在它的底部移动它<body>，就在链接到JQuery javascript之前。至少，可以绘制所有非Jquery项。

反对回复 2019-08-02

3 回答