温馨提示：这篇文章已超过288天没有更新，请注意相关的内容是否还可用！
CSS加载是在HTML文档解析过程中进行的。当浏览器解析HTML文档时，遇到<link>标签或<style>标签时，会开始加载CSS文件或解析内联CSS代码。
<link>标签用于引入外部CSS文件，它会在浏览器解析到<link>标签时开始加载CSS文件，并且加载是异步进行的。也就是说，浏览器会在加载CSS文件的同时继续解析HTML文档，不会因为CSS文件的加载而阻塞页面的渲染。
例如，下面的代码示例展示了一个<link>标签引入外部CSS文件的情况：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello, CSS!</h1>
</body>
</html>
在上述代码中，浏览器在解析到<link>标签时会开始加载`styles.css`文件。在CSS文件加载完成之前，浏览器会继续解析HTML文档，并且在加载完成后立即应用CSS样式。
另外一种方式是使用<style>标签来嵌入内联CSS代码。内联CSS代码会在浏览器解析到<style>标签时立即开始解析，并且也是异步进行的。
下面的代码示例展示了使用<style>标签嵌入内联CSS代码的情况：
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>Hello, CSS!</h1>
</body>
</html>
在上述代码中，浏览器在解析到<style>标签时会立即开始解析内联CSS代码，并且在解析完成后立即应用CSS样式。
CSS加载是在HTML文档解析过程中进行的，并且加载是异步进行的。无论是通过<link>标签引入外部CSS文件，还是使用<style>标签嵌入内联CSS代码，浏览器都会在加载或解析CSS的同时继续解析HTML文档，不会阻塞页面的渲染。这样可以提高页面加载的效率，并且使页面在加载完成后能够更快地呈现给用户。
