您可能聽說過CSS是異步加載的，這意味著瀏覽器可以同時下載和呈現HTML和CSS代碼而無需等待整個CSS文件完全下載。
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<link href="style.css" rel="stylesheet" async>
</head>
<body>
<p>This is an example.</p>
</body>
</html>在這個例子中，我們可以看到<link>元素在它的rel屬性中包含了async關鍵字。這告訴瀏覽器可以盡快下載CSS代碼，而不必在頁面渲染期間等待它完全下載。
請注意，async是HTML5的一個新特性，它可能不適用于所有瀏覽器。如果您需要確保CSS文件在渲染之前完全加載，請使用defer關鍵字。
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<link href="style.css" rel="stylesheet" defer>
</head>
<body>
<p>This is an example.</p>
</body>
</html>在這個例子中，我們將defer關鍵字添加到rel屬性中。這告訴瀏覽器可以像async一樣盡快下載CSS代碼，但是在頁面渲染之前必須完全下載它。
總之，CSS可以異步加載，但不是所有瀏覽器都支持這種方式。如果您需要確保CSS在渲染之前完全下載，請使用defer關鍵字。