gpt4 book ai didi

html - 我应该在页面上的什么地方声明样式?为什么?

转载 作者:太空宇宙 更新时间:2023-11-03 23:35:19 26 4
gpt4 key购买 nike

我在页面上的何处声明 CSS 样式重要吗?

这是:

<style>

div{
height: 50px;
width: 200px;
}

</style>

<body>

<div>This div</div>

</body>

与此不同?

<body>

<div>This div</div>

</body>


<style>

div{
height: 50px;
width: 200px;
}

</style>

如果是,怎么做到的?

我见过这两种情况的示例,但从未真正注意到样式在页面加载时启动所需的时间有任何重大变化。虽然,大约 90% 的时间,样式是在页面顶部声明的。

就个人而言,我更喜欢包含一个单独的样式表,以避免以这种方式向页面添加样式。

最佳答案

放在开头

您应该将 STYLE 元素放在 HEAD 中以帮助页面加载更快,因为页面随后可以在 HTML 加载时呈现

当网络浏览器读取网页时,它会按照 HTML 的写入顺序进行读取。因此,当您的样式表排在第一位时,这就是首先阅读的内容。然后,当浏览器到达 HTML 时,它已经知道如何设置它的样式,因此不必在显示内容之前等待加载 CSS。

为什么不把样式表放在页面底部

当您将样式表放在底部时,这会阻止许多浏览器(尤其是 Internet Explorer)执行渐进式呈现。 Internet Explorer 甚至会阻止呈现页面,直到所有样式都添加完毕,这样它就不必重新绘制页面。这意味着在加载所有元素和样式之前,客户将看到一个空白页面。

关于html - 我应该在页面上的什么地方声明样式?为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24302606/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com