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

标签 html css

通常 css 文件放在 <head></head> 中, 如果我把它放在 <body></body> ,会有什么不同?

最佳答案

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

推荐是因为当你在 <body> 之前声明了 CSS开始,您的样式实际上已经加载。因此,用户很快就会在他们的屏幕上看到一些东西(例如背景颜色)。如果没有,用户会在 CSS 到达用户之前看到一段时间的空白屏幕。

另外,如果您将样式留在 <body> 中的某个位置,当声明的样式被解析时,浏览器必须重新渲染页面(加载时新旧页面)。

关于html - 如果我将 css 文件放在 <head> 或 <body> 中,有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1642212/

相关文章:

javascript - AngularJS 表格过滤器

html - 无法应用新定义的 CSS 规则

html - 如何在不使子菜单居中的情况下使菜单居中

html - 为什么我的列表项元素符号与 float 元素重叠

javascript - 动态调整菜单大小的 scrollTop 函数

Javascript 和 css 以及 HTML

html - 列表项左侧的圆盘显示在底部

html - 在 flexbox 中保持包含图像的 div 的纵横比

html - 如何使一个 html 页面淡出而另一个淡入?

css - 是否可以在通用过渡 Stylus 混合中创建滚动?