在前端開發中，CSS 顯然是不可或缺的。無論是作為布局、樣式調整，還是動畫呈現，CSS 都發揮著重要作用。而事實上，掌握 CSS 的常識體系是開發者們日常工作中不可或缺的一部分。本文將介紹 CSS 常識體系圖。

CSS 常識體系圖
CSS 樣式管理
┌───────────────────────────────┐
│                               │
級聯規則(Cascade)                選擇器(Selectors)
│                               │
┌───────────┴────┬────────────┐
│                          │
不同規則覆蓋問題(Specificity)        繼承(inherit)
│                          │
┌─────┴──────┬─────────┬───────┴───────┐
│                 │                              │
內部樣式表         外部樣式表             行內樣式

如上所示，CSS 常識體系圖是針對 CSS 樣式管理方面的常識總結。可以看到，CSS 常識體系圖包含了兩個大方向，即“級聯規則(Cascade)”和“選擇器(Selectors)”。

在“級聯規則(Cascade)”下，我們可以學到有關“不同規則覆蓋問題(Specificity)”和“繼承(inherit)”的知識。前者指的是當多個規則同時作用于同一個元素時，優先級的排序規則，例如將 class 的權重設為 10，而將元素選擇器的權重設為 1。而后者則指的是屬性從父元素傳遞到子元素的規則。

在“選擇器(Selectors)”下，我們可以學到“內部樣式表”、“外部樣式表”和“行內樣式”三種類型，用于定義文檔的樣式。

總之，CSS 常識體系圖是我們需要不斷學習和掌握的基礎知識，它能夠幫助開發者更好地理解 CSS 樣式管理方面的知識，從而更好地運用到具體的開發中。