CSS是網頁設計中非常重要的一部分。它可以使網頁看起來漂亮和易于閱讀。在這篇文章中，我們將介紹一些常見的CSS類型。
CSS分為三種類型：外部、內部和內聯。下面我們來逐一介紹。
<!-- 外部CSS -->
<link rel="stylesheet" type="text/css" href="style.css">
/* style.css 文件中的樣式 */
body {
background-color: #f2f2f2;
}
/* 外部CSS可以使多個頁面共享同一個樣式表，使之更易于維護 */外部CSS是定義在樣式表文件中的CSS。可以在HTML文檔中使用link標簽將其引入。這有助于使CSS更易于維護。
<!--內部CSS -->
<head>
<style type="text/css">
body {
background-color: #f2f2f2;
}
</style>
</head>
/* 內部CSS定義在<style>標簽中。它只會對當前HTML文檔生效。 */內部CSS是定義在HTML文檔的<head>標簽中的CSS。這只對包含它的HTML文檔有效。這種類型的CSS適用于對某個頁面進行小的調整。
<p style="color: red">這是一句紅色的內聯文本</p> /* 內聯CSS應用于單個元素。這種類型的CSS適用于快速更改某項樣式。 */
內聯CSS是直接應用于HTML元素的CSS。這種類型的CSS只影響指定的HTML元素。它適用于快速地更改某些樣式，但如果是大量的更改，最好使用外部CSS。
現在你知道了CSS的三種主要類型。記住，外部CSS適用于多個頁面的樣式，內部CSS適用于單個頁面的樣式，而內聯CSS適用于單個元素的樣式。
上一篇css的動畫結合事件
下一篇css的主要技術點