在HTML中，我們可以使用CSS來為網頁添加樣式。但要注意，CSS樣式的書寫位置會影響網頁加載速度以及優化程度。
CSS樣式的書寫位置有3種：
- 內聯樣式（Inline Style）
- 內部樣式表（Internal Style Sheet）
- 外部樣式表（External Style Sheet）
首先是內聯樣式，這種樣式是直接在HTML元素的style屬性中進行設置，例如：
<p style="color: red">這是一段紅色的文本</p>
盡管內聯樣式具有最高的優先級，但它往往是我們最不推薦的寫法。因為內聯樣式在HTML元素中嵌入了CSS代碼，導致網頁文件體積增大，而且需要重復寫很多次同樣的代碼，維護成本也較高。
其次是內部樣式表，這種樣式是放在HTML文件的頭部（head）標簽中，例如：
<head>
<style>
p {
color: red;
}
</style>
</head>內部樣式表比內聯樣式更為好用，其樣式可以應用于當前HTML文件中的所有元素，而且與HTML元素分開，便于維護和修改。
最后是外部樣式表，這種樣式是單獨放在一個CSS文件中，然后在HTML文件中通過link標簽進行引用，例如：
<head> <link rel="stylesheet" href="style.css"> </head>
外部樣式表是最優秀的解決方案，避免了樣式與HTML的混合，便于管理和修改，以及緩存樣式表，減少文件下載時間。
因此，應該盡可能地使用外部樣式表，尤其是對于一些多頁面的網站或網站有多個頁面需要使用相同樣式。而內聯樣式和內部樣式表雖然也有適用場景，但應該盡量減少使用。
上一篇css想讓字體居中