CSS樣式可以被分為以下兩種類型。

內置樣式（Inline Style）

<p style="color: red; font-size: 20px;">這是一個內置樣式的段落</p>

內置樣式是直接嵌入到HTML標簽中的CSS樣式。在標簽中使用“style”屬性，在屬性值中定義CSS樣式屬性，并為其賦予一個值。這種方式可以讓我們在一個元素中定義多個樣式屬性。

雖然內置樣式在某些場景下非常方便，但是由于它們的樣式定義分散在HTML代碼中，因此難以維護。此外，該方式只適用于單個元素。

外部樣式（External Style）

HTML文檔：
<link rel="stylesheet" href="style.css">
CSS文檔（style.css）：
p {
color: red;
font-size: 20px;
}

外部樣式是使用外部的CSS文件來定義HTML文檔中的樣式。使用元素將樣式表鏈接到HTML文檔中。這種方式將樣式的定義和HTML代碼分離，可維護性更高，而且可以在多個元素中共享樣式。

此外，使用外部樣式可以提高頁面加載速度，因為CSS文件可以緩存，從而減輕了服務器的負擔。