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