眾所周知，HTML 網頁由三部分組成：頁面結構、樣式和腳本。樣式指的就是 CSS，用來美化頁面、排版等等。那么 CSS 樣式應該插在哪里呢？這是許多初學者迷茫的問題。下面我們來一一解答。
CSS 樣式的插入方式可以分為三種：內嵌樣式、內部樣式和外部樣式。
1. 內嵌樣式
<!DOCTYPE html> <html> <head> <title>內嵌樣式</title> </head> <body> <h1 style="color: red;">Hello, World!</h1> </body> </html>
內嵌樣式是將樣式直接寫在 HTML 標簽中的一種方式，它的優點是簡單易懂，但是當網頁中樣式過多時，可讀性差，維護成本高。
2. 內部樣式
<!DOCTYPE html>
<html>
<head>
<title>內部樣式</title>
<style type="text/css">
h1 {color: red;}
</style>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>內部樣式是將樣式寫在 HTML 的 head 標簽中的一種方式，它的優點是可以將相同的樣式應用于多個標簽，使代碼更加簡潔。
3. 外部樣式
<!DOCTYPE html> <html> <head> <title>外部樣式</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Hello, World!</h1> </body> </html>
外部樣式是將樣式寫在一個獨立的 CSS 文件中，通過 HTML 的 link 標簽引入的一種方式。它的優點是可以將樣式和 HTML 分離，使得頁面結構更加清晰，同時可以實現樣式的復用和維護。外部樣式也是目前使用最廣泛的一種方式。
總結：內嵌樣式適用于樣式較少的情況，內部樣式適用于樣式較多的情況，外部樣式適用于樣式更多、網站復雜的情況。選用哪種插入方式，取決于個人的需求和項目的需求。