gpt4 book ai didi

html - CSS - 哪种方式最好包含 CSS 以提高网页性能?

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

我们都知道我们有四种方法可以在任何网页中添加css

外部

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

嵌入式

<head>
<style>
body {
background-color: linen;
}

h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>

内联

<h1 style="color:blue;margin-left:30px;">This is a heading.</h1>

导入

@import url("mystyleSheet.css");

谁能解释一下以上四种在网页中添加css的方式哪一种最好,为什么?

最佳答案

外部绝对是最好的方式,我会解释原因。

首先,它是有组织的。单个 CSS 文件影响整个网页,您的网站变得容易更改。此外,您可以获得更好的性能,因为用户只需下载一次 CSS 文件,然后每次他们转到另一个页面时,他们的浏览器就不必再次重新下载 CSS。

出于组织原因,内联显然很糟糕,没有人愿意阅读该代码。有人来找我帮助他们的代码并向我展示内联 CSS,但我永远不会阅读十亿行内联 CSS。

嵌入没问题,它是一个很好的选择,有时我发现自己在制作一些有趣的小东西时会使用它,但是,正如我上面提到的,它会消耗性能。每次有人导航到新页面时,用户都必须重新下载 CSS。

导入很有趣,我自己从未使用过,但我听说它缺乏性能。例如,防止同时下载样式表,所以如果你有多个 CSS 文件,那么……好吧,祝你好运。

最后,我一直使用外部方式向网页添加 CSS,我看不出任何其他方式有任何优势。

关于html - CSS - 哪种方式最好包含 CSS 以提高网页性能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38091361/

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