CSS層級是CSS在選擇器匹配時所依據的一種規則，它也是CSS中很重要的一個概念之一。在CSS種有三個主要的CSS層級，也就是：瀏覽器默認樣式、內部樣式和外部樣式。
首先，我們來了解一下瀏覽器默認樣式，它是默認應用于所有HTML元素的樣式，如果我們不重置它的話，那么所有的HTML元素都會有瀏覽器的默認樣式。
/* 重置瀏覽器默認樣式 */
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}接下來，是內部樣式，它是寫在HTML文件頭部的樣式，它的優先級比瀏覽器默認樣式高。
<head>
<style>
p{
color: red;
}
</style>
</head>最后，是外部樣式，它是寫在CSS文件中的樣式，也就是我們所熟知的樣式表。它的優先級比內部樣式更高，而且它還可以應用到多個HTML文件中。
/* 外部樣式表 */
<head>
<link rel="stylesheet" href="styles.css">
</head>
/* styles.css */
p{
font-size: 16px;
line-height: 1.5;
}在CSS層級的匹配中，選擇器的優先級也很重要：
- ID選擇器 > 類選擇器 > 元素選擇器
- 內聯樣式 > 內部樣式 > 外部樣式
- !important優先級最高，但是不建議頻繁使用
在進行CSS樣式的設計時，深入理解CSS層級的概念以及選擇器的優先級，可以幫助我們更加精準地定位樣式，并且避免樣式沖突和失控的情況。