CSS引用全局樣式類是在網頁開發的過程中非常有用的技巧。每當您想要為網站添加一些樣式或更改頁面布局時，都可以使用全局樣式類來實現。下面我們就來詳細了解一下CSS引用全局樣式類的使用方法。
/* 定義全局樣式類 */
body {
font-family: Arial, sans-serif;
color: #333;
background-color: #fff;
}
a {
color: #000;
text-decoration: none;
}
/* 引用全局樣式類 */
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello World</h1>
<p>This is a paragraph.</p>
<a href="#">Click Me!</a>
</body>
</html>在以上代碼中，我們定義了全局樣式類，在body元素和a元素上應用了一些共同的樣式規則。接著，在HTML代碼中，我們通過link標簽將定義的全局樣式類文件引用到了HTML文檔中。這樣就可以在整個網站中共享這些樣式規則。
下面我們來看一些使用全局樣式類的例子。
/* 定義全局樣式類 */
body {
font-family: Helvetica, sans-serif;
}
/* 引用全局樣式類 */
<div class="container">
<h1>My Website</h1>
<p>This is a paragraph.</p>
<button class="btn">Click Me!</button>
</div>在以上代碼中，我們定義了全局樣式類，在body元素上應用了一個特定的字體。然后，在HTML代碼中，我們通過給某些元素添加class屬性來引用這些全局樣式類。例如，我們在一個div元素上添加了class="container"，在一個button元素上添加了class="btn"。這些元素就可以共享定義的全局樣式類了。
通過引用全局樣式類，您可以更輕松地修改網站的整體樣式，而不必在每個元素上重復定義樣式規則。這將使您的開發工作更加高效和可維護。
上一篇css引用下載的字體
下一篇css引用外部文件失效