猿问

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

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

通常css文件放在里面<head></head>,如果我把它放在里面<body></body>,它会有什么区别?



万千封印
浏览 1232回答 3
3回答

慕斯王

只是为了补充jdelStrother提到的有关w3规范和ARTstudio关于浏览器渲染的内容。建议使用,因为当你在<body>启动之前声明了CSS&nbsp;时,你的样式实际上已经加载了。因此,用户很快就会看到屏幕上出现的内容(例如背景颜色)。如果没有,用户在CSS到达用户之前会看到空白屏幕一段时间。此外,如果您将样式保留在某处,<body>则在解析声明的样式时,浏览器必须重新呈现页面(加载时新旧)。

三国纷争

将CSS放在body中意味着稍后加载它。这是一种让浏览器开始更快地绘制界面的技术(即,它删除了阻塞步骤)。这对于SmartPhone的用户体验非常重要。我会尽力保持一个小css&nbsp;<head>,我将其余部分移到底部。例如,如果一个页面使用JQuery UI CSS,我总是在它的底部移动它<body>,就在链接到JQuery javascript之前。至少,可以绘制所有非Jquery项。
随时随地看视频慕课网APP
我要回答