在進行CSS樣式設(shè)計的時候，樣式之間可能會發(fā)生覆蓋的情況，而樣式的覆蓋是有一定順序的。本文將簡單介紹CSS樣式的覆蓋順序圖。

1. 瀏覽器默認樣式：瀏覽器內(nèi)置一些默認的樣式，例如網(wǎng)頁的背景色、字體大小、超鏈接顯示等等，這些樣式具有最低的優(yōu)先級，也就是說最容易被其他樣式覆蓋。
2. 外部樣式表：外部樣式表是通過<link>標簽引用的css文件，如果一個元素同時被內(nèi)聯(lián)樣式和外部樣式表定義，那么外部樣式表的樣式會覆蓋內(nèi)聯(lián)樣式的樣式。
3. <style>標簽中的樣式：<style>標簽中的樣式會覆蓋外部樣式表中的樣式，如果一個元素同時被內(nèi)聯(lián)樣式、外部樣式表和<style>中的樣式定義，那么<style>中的樣式會覆蓋外部樣式表和內(nèi)聯(lián)樣式的樣式。
4. 內(nèi)聯(lián)樣式：內(nèi)聯(lián)樣式是直接在HTML標簽中定義的樣式，如果一個元素同時被內(nèi)聯(lián)樣式、外部樣式表和<style>中的樣式定義，那么內(nèi)聯(lián)樣式的樣式會被最終顯示。
5. !important：在CSS樣式中，可以使用!important聲明來提高樣式的優(yōu)先級，它會覆蓋其他樣式。如果一個元素同時被內(nèi)聯(lián)樣式、外部樣式表、<style>中的樣式定義，且其中任意一種樣式使用了!important聲明，那么使用!important聲明的樣式會被最終顯示。
6. 應(yīng)用CSS屬性的特殊程度： 同樣是!important聲明的樣式，如果它們的特殊程度不同，那么特殊程度高的樣式會被優(yōu)先顯示。應(yīng)用CSS屬性的特殊程度按以下順序排列（從高到低）：
inline-style
#id
.class , :pseudo-class
tagname
*
總的來說，在定義CSS樣式的時候，要注意樣式的繼承和覆蓋關(guān)系，避免樣式重復定義和沖突。