在網頁開發中，CSS是不可或缺的一部分，能夠使得我們的網頁看起來更美觀、更清晰、更易讀。但是，我們如何將CSS應用到HTML中呢？這就需要使用CSS引用方式了。
CSS引用方式有三種：內聯樣式、內部樣式和外部樣式。
內聯樣式：
<p style="color: red">這是一個紅色的段落</p>
內聯樣式是將樣式直接寫在HTML標簽內，這種方式一般用于單個標簽的樣式，不建議在整個網頁中使用。
內部樣式：
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>這是一個紅色的段落</p>
</body>內部樣式是將樣式寫在<head>標簽內的<style>標簽內，這種方式比內聯樣式好一些，方便管理和修改，但是仍然不夠靈活。
外部樣式：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>這是一個紅色的段落</p> </body>
外部樣式是將樣式寫在一個單獨的CSS文件中，HTML文件通過<link>標簽來引用該文件。這種方式最為常用，使得CSS和HTML分離，有利于管理、維護和縮小文件體積。此外，外部樣式還能夠被多個HTML文件引用，避免了冗余代碼的出現。
總之，選擇合適的CSS引用方式非常重要，不僅決定了樣式的效果，也會影響頁面的性能和可維護性。對于大型網站來說，外部樣式是最佳選擇。