h5建議將網頁的兩大部分【內容與樣式】分開來處理，即html負責頁面框架內容，css負責控制樣式。這樣做的好處是分工明確，條理清晰，方便編寫與後期修改。
html引用css的方式一般可分為三種：1、引用外部樣式表【最常用】；2、在html頭部區（即開始&結束標籤之間）編寫樣式，樣式可被當前html應用；3、在html內容區（即開始&結束標籤之間）直接編寫元素樣式，樣式可被當前元素應用。
h5建議將樣式與內容分離，即採用第一種方式來編寫頁面。
css文件擴充套件名為"xx.css"，可直接使用文字文件編寫，html中引用方式示例：「」。
css文件中常見編寫方式為「選擇器
」，如「p
」,表示元素p的color屬性為red，align屬性為right。
html在引用css樣式時，根據【選擇器】來確定應用何種樣式，css常用選擇器有以下幾種：
1、【元素
】——如「p、h1、div、div p等」；
2、【類】——如「.class、.cat、.dog等」；
3、【id】——如「#cat、#dog等」；
4、【混合類】——以上三種（元素/類/id）的混合類，如「p.cat、div p.class等」。
瀏覽器在顯示html頁面時，會根據樣式的優先順序來確定使用何種樣式來顯示。
1、【css文件】優先順序確定方式如下：
優先順序1：使用者【！important】樣式；
優先順序2：頁面作者【
！important
】樣式；
優先順序3：頁面作者
樣式；
優先順序4：使用者
樣式；
優先順序5：瀏覽器預設
樣式；
（注1：以上優先順序1>優先順序2>優先順序3）
（注2：html文件中元素可繼承其父元素樣式
）2、以上【
css文件
】優先順序
確定後，根據【css選擇器】不同，優先順序確定方式如下：
【元素】優先順序【+1/個】：如「p」、「div p」的優先順序數值分別為1、2；
【類】優先順序【+10/個
】：如「.cat」、「p.cat」的優先順序數值分別為10、11；
【id】
優先順序【+100/個
】：如「#cat」、「p #cat」的優先順序數值分別為100、101；
（注1：計算數值越大的樣式優先順序越高）
3、在【css文件】和【css選擇器】優先順序確認後，確認以下兩點：
（1）後引用的css文件樣式會覆蓋之前的樣式：
如同一html文件中樣式如下：（2）同一html文件中css優先順序【則後引用的"index1.css"樣式會覆蓋之前的"index2.css"
行內樣式》外部樣式
】，且越靠近該元素的行內樣式優先順序越高（元素之前樣式）。
如段落顏色
則"color:blue"優先順序較高，段落顏色為藍色。
css 優先順序
當我們的css樣式中，如果同個元素有兩個或以上衝突的css規則，瀏覽器有一些基本的規則來決定哪乙個非常特殊而勝出，也就是常講的css優先順序。一般情況下，你不必擔心css樣式衝突，但對於大型而且複雜的css樣式檔案，或有很多css檔案組成的，就非常有可能產生衝突。下面我們通過2個簡單的例項來了解一下...
css優先順序
今天在使用公司內部框架的時候，發現乙個問題。我在頁面的style元素裡面寫了乙個class選擇器，可是卻不起作用。使用f12檢視，發現是當前的樣式沒有起作用，而是被框架生成的樣式代替掉了。當然，寫內嵌的樣式肯定是沒問題。可問題就是，我明明在頁面內部寫了樣式，按照常理，應該是我手寫的類選擇器的優先順序...
css優先順序
css樣式分為 外部樣式，內部樣式，內聯樣式 選擇器優先權 1.內聯樣式表的權值最高 1000 2.id 選擇器的權值為 100 3.class 類選擇器的權值為 10 4.html 標籤選擇器的權值為 1 css 優先順序法則 a 選擇器都有乙個權值，權值越大越優先 b 當權值相等時，後出現的樣式...