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/14756778/

相关文章:

html - 如何在Shopify中将产品图片全屏?

javascript - 在浏览器刷新时保留事件内容

php - 如果当前日期和时间已过,如何更改文本颜色?

javascript - 如何为数组中的每个对象添加 fadeIn() 方法

html - 将 div 定位在表格底部

html - 将 div 元素的高度应用为与其中的 div 一样多

html - 页脚未显示

php - 如何在 Wordpress 中编辑侧边栏的 HTML 输出?

css - 尝试使用 webpack 4 从 scss 文件中获取 css 文件

css - 绝对定位 : One element expands window, 其他元素不影响它。两者都使用相同的代码:C