在閱讀本文之前，首先需要聲明是寫給css初學者和不了解css的朋友學習的，如果你已經(jīng)是一個高手，那么你就無需在這里浪費時間了。

css是一種標記語言,它不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語言)，是cascading style sheets(層疊樣式表)的簡稱。在標準網(wǎng)頁設(shè)計中，css負責網(wǎng)頁內(nèi)容(xhtml)的表現(xiàn)，跟div（或table）組織的頁面結(jié)構(gòu)一起實現(xiàn)一個完整的網(wǎng)頁布局。通過對css標記語言的學習，可以輕松地實現(xiàn)頁面的豐富表現(xiàn)。css的運用其實就是一個把素描點綴成油畫的過程。

如何把樣式運用到頁面中去呢？有四種方式可以幫助我們解決這個問題。在樣式調(diào)用過程中，最接近目標的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。

四種解決方法分別是：1，內(nèi)聯(lián)定義 (inline styles) ；2，定義內(nèi)部樣式塊對象 (embedding a style block) ；3，鏈入外部樣式表文件 (linking to a style sheet)

1，內(nèi)聯(lián)定義 (inline styles) ；4、聯(lián)合使用樣式表（@import 導入函數(shù)）。下面詳細說明：

1，內(nèi)聯(lián)定義 (inline styles)

內(nèi)聯(lián)定義也就是在對象的標記內(nèi)直接使用style屬性定義樣式，是最簡單的樣式調(diào)用方法，可靈巧地把樣式應用到各標簽對象中，使用簡單、顯示直觀。但無法完全發(fā)揮出樣式表“表現(xiàn)與內(nèi)容分離”的優(yōu)勢，所以在設(shè)計過程中并不常用。

舉個簡單的例子說明：對于同樣的p標簽屬性應用不同的樣式

顯示為紅色12像素的字體

顯示為藍色12像素的字體

如果要修改顏色的話就要分別修改了?？赡苣銜f只有兩個，分別修改也花不了多少時間的。那么對于大型的網(wǎng)站來說，無數(shù)的p標簽還能挨個去手動修改嗎？

2，定義內(nèi)部樣式塊對象 (embedding a style block)

即在html文檔的和標記之間插入一個塊對象。

< head>
< style type=”text/css”>
< !– 樣式表的具體內(nèi)容 –>
< /style>
< /head>

style的type屬性設(shè)置為”text/css”，是允許不支持這類型的瀏覽器忽略樣式表單，幫助這類瀏覽器過濾掉css代碼，避免在瀏覽器里直接以源代碼的方式顯示這個樣式表。

3，鏈入外部樣式表文件 (linking to a style sheet)

首先，要建立單獨的外部樣式表文件（后綴名為.css），然后也是在html文檔的和標記之間插入link對象，格式如下：

< head>
< link rel=”stylesheet” href=”*.css” type=”text/css” >
< /head>

4、聯(lián)合使用樣式表（@import 導入函數(shù)）

使用@import聯(lián)合樣式表的方法和鏈接外部樣式表的方法一致，也是在html文檔的和標記之間插入；但這種方式可以在鏈接外部樣式表的同時，針對該網(wǎng)頁的具體情況，做出別的網(wǎng)頁不需要的樣式規(guī)則，更有優(yōu)勢。格式如下：

< head>
< style type=”text/css”>
< !–
@import “*.css”
其他樣式表的聲明
–>
< /style>
< /head>

需要注意的是:

·聯(lián)合法輸入樣式表必須以@import開頭，結(jié)尾”；”結(jié)束；

·如果同時輸入的多個樣式表產(chǎn)生沖突時，則按照第一個輸入的樣式表有效處理；

·如果輸入的樣式表和網(wǎng)頁中的樣式（內(nèi)聯(lián)定義）規(guī)則產(chǎn)生沖突時，則使用外部的樣式表。