css樣式遵循三種原則：就近原則、繼承原則、覆蓋原則。

就近原則

優(yōu)先級關系，從高到低：行內(nèi)樣式 > 內(nèi)部樣式 > 外部樣式。

繼承原則：

繼承中多數(shù)邊框類的屬性不能被繼承，比如padding、margin、背景等都不會被繼承；表格也不能繼承父類的樣式。

覆蓋原則：

由于繼承而發(fā)生的樣式?jīng)_突，由最近的祖先元素取值；

繼承的樣式和直接指定的樣式發(fā)生沖突時，直接指定的樣式獲取值；

直接指定的樣式發(fā)生沖突時，樣式權重高的元素獲取值；

CSS（層疊樣式表）簡單來說可以為HTML標記語言添加一些樣式、布局等。當瀏覽器顯示文檔時，它必須將文檔的內(nèi)容與其樣式信息結合。它分兩個階段處理文檔：

1.瀏覽器將 HTML 和 CSS 轉化成 DOM （文檔對象模型）。DOM在計算機內(nèi)存中表示文檔。它把文檔內(nèi)容和其樣式結合在一起。

2.瀏覽器顯示 DOM 的內(nèi)容。

對于CSS的學習，推薦分成三塊學習：“基礎概念”，“CSS2.1規(guī)范”，“CSS3規(guī)范”。精通CSS（第2版）是必須學習的，看完這本書你應該對：盒子模型，流動，block，inline，層疊，樣式優(yōu)先級等概念有基本的了解。CSS參考文檔有菜鳥學院（基礎、簡單）：CSS 教程 | 菜鳥教程，Mozila官方文檔（全E文、逼格高，詳細）：MDN CSS Doc

在學習完基礎知識后，可以嘗試完成Htm/Css基礎編碼的項目，增強知識的掌握程度。

css選擇器優(yōu)先級核心：每個選擇器本身有優(yōu)先級，作用范圍越具體優(yōu)先級越高。

CSS優(yōu)先級從高到低分別是：

1.在屬性后面使用 !important 會覆蓋頁面內(nèi)任何位置定義的元素樣式。

2.作為style屬性寫在元素標簽上的內(nèi)聯(lián)樣式

3.id選擇器

4.類選擇器

5.偽類選擇器

6.屬性選擇器

7.標簽選擇器

8.通配符選擇器

9.瀏覽器選擇器

當CSS樣式的規(guī)則由多個選擇器組成時，id選擇器的權值為1000，class選擇器為100，標簽選擇器為10，按權值求和的記過高低決定哪個優(yōu)先。當兩個css規(guī)則的權值相同時，誰更具體用誰，也就是權值高的選擇器作用的越具體優(yōu)先級越高。當兩個選擇器規(guī)則和權值都是一樣，后面樣式會覆蓋前面的！

總體來說，CSS具有以下特點：

1.豐富的樣式定義

CSS提供了豐富的文檔樣式外觀，以及設置文本和背景屬性的能力；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。

2.易于使用和修改

CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個專門的CSS文件中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式聲明統(tǒng)一存放，進行統(tǒng)一管理。

另外，可以將相同樣式的元素進行歸類，使用同一個樣式進行定義，也可以將某個樣式應用到所有同名的HTML標簽中，也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應的樣式聲明進行修改。

3.多頁面應用

CSS樣式表可以單獨存放在一個CSS文件中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實現(xiàn)多個頁面風格的統(tǒng)一。

4.層疊

簡單的說，層疊就是對一個元素多次設置同一個樣式，這將使用最后一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些后來定義的樣式將對前面的樣式設置進行重寫，在瀏覽器中看到的將是最后面設置的樣式效果。

5.頁面壓縮

在使用HTML定義頁面效果的網(wǎng)站中，往往需要大量或重復的表格和font元素形成各種規(guī)格的文字樣式，這樣做的后果就是會產(chǎn)生大量的HTML標簽，從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時使用的時間也會大大的減少。另外，CSS樣式表的復用更大程度的縮減了頁面的體積，減少下載的時間。