CSS層疊樣式是網頁設計中一個非常重要的概念，它可以使我們為HTML網頁上的元素設定不同的樣式。CSS樣式可以通過多種方式組合達到效果疊加的效果，也就是所謂的“層疊”。那么CSS層疊樣式是怎樣分開的呢？我們將會在下面介紹它的幾種分開方法。
一、CSS層疊樣式的分類
CSS層疊樣式共分為三個級別： 1.應用級別：指直接作用于單個HTML標簽的樣式，是CSS中最基礎的樣式層次。 2.樣式表級別：指作用于整個頁面的樣式，包括內部樣式表和外部樣式表。內部樣式表在head標簽中定義，外部樣式表為單獨的樣式表文件。 3.用戶級別：是指用戶自己設置的一些樣式，包括瀏覽器默認值和用戶自己定義的樣式。
二、CSS層疊樣式的分離方法
CSS中的樣式可以使用內部樣式表或外部樣式表來分離出來。下面將分別介紹這兩種分離方法。
1.內部樣式表
內部樣式表定義在HTML文檔的head標簽中，用<style>標簽包裹。在該標簽內，可以定義一些CSS樣式，然后在HTML文檔中需要應用這些樣式的標簽內使用class屬性或id屬性調用。
如下例子所示：
<style>
.text{
color: red;
font-weight: bold;
}
</style>
<p class="text">這是一段樣式為紅色加粗的文本。</p>
2.外部樣式表
外部樣式表定義在一個單獨的CSS文件中，使用<link>標簽將其引用到HTML文檔中。在CSS文件中，可以定義多種樣式，然后在HTML文檔中需要應用這些樣式的標簽內使用class屬性或id屬性調用。
如下例子所示：
index.html文件：
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p class="text">這是一段樣式為紅色加粗的文本。</p>
</body>
</html>
style.css文件：
.text{
color: red;
font-weight: bold;
}CSS層疊樣式可以使用應用級別、樣式表級別和用戶級別三種級別分別定義，并可以通過內部樣式表和外部樣式表兩種方法來分離。根據不同的實際需要，選擇不同的使用方式即可。
上一篇css將文字圍繞圖片
下一篇css局部樣式改不了