CSS（層疊樣式表）是網頁設計中不可或缺的一部分。在CSS中，樣式可以按照層次分為三種不同的類型：內聯樣式、嵌入式樣式和外部樣式。
內聯樣式：
內聯樣式的意思是將CSS代碼直接寫在HTML標簽內。例如，在一個<p>標簽內，加入以下代碼：
<p style="color:red">這是一段紅色的文字</p>
這段代碼的意思是將文字顏色設置為紅色。在內聯樣式中，樣式代碼和HTML代碼是混合在一起的。
嵌入式樣式：
嵌入式樣式將CSS代碼寫在HTML文件的<head>標簽內，使用<style></style>標簽包圍。例如：
<head>
<style>
p {color:red;}
</style>
</head>
<body>
<p>這是一段紅色的文字</p>
</body>這段代碼的含義是將所有的<p>標簽文字顏色設置為紅色。嵌入式樣式在HTML文件中被使用，但不會和HTML代碼混合在一起。
外部樣式：
外部樣式是將CSS代碼存儲在單獨的.css文件中，然后在HTML文件中通過<link>標簽引用。例如，一個名為“mystyle.css”的文件可以包含以下代碼：
p {color:red;}在HTML文件中，可以通過以下方式引用這個.css文件：
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <p>這是一段紅色的文字</p> </body>
這段代碼的含義是將所有的<p>標簽文字顏色設置為紅色，但是這段CSS代碼是在一個單獨的文件中，與HTML代碼是分離的。
這就是CSS按層次分為三種不同類型的方式。內聯樣式是將CSS代碼直接寫在HTML標簽內，嵌入式樣式是將CSS代碼寫在HTML文件的<head>標簽內，使用<style></style>標簽包圍，而外部樣式是將CSS代碼存儲在單獨的.css文件中，然后在HTML文件中通過<link>標簽引用。