CSS樣式，css

CSS樣式，css

CSS基本樣式

• 內聯樣式：直接在分頁檔中使用HTML標記的style屬性。例如：

 <p><style type="text/css">        h1 {font-family: "微軟雅黑";font-size: 12px;}        #fromid {font-family: "微軟雅黑";font-size: 12px;}        .classid{font-family: "微軟雅黑";font-size: 12px;}    </style>    

• 在分頁檔中嵌入外部樣式表：文法如下

<style type="text/css">        @import url("外部CSS樣式檔案名稱");          <!--        外部檔案名稱是以.css為副檔名的CSS檔案，如果該檔案和當前頁面同一個目錄下，則直接用檔案名稱，不在同一個目錄下，則要給出其相對路徑。        -></style>     

• 連結外部樣式表:文法如下

<link type="text/css" rel="stylesheet" type="text/css" href="css/index.css"/>

CSS註解文法：CSS註解語句是位於

/* */

標記之間的語句內容

CSS選取器

• HTML標記 文法如下

h1 {font-family: "微軟雅黑";font-size: 12px;} /*在HTML文檔中，所有該標記保護的文本都具有定義的CSS樣式*/

• CLASS選擇符 文法如下

.classid{font-family: "微軟雅黑";font-size: 12px;}/* 在HTML文檔中， 所有使用該類名標記的都具有定義的標籤*/

• ID選擇符 文法如下

#fromid {font-family: "微軟雅黑";font-size: 12px;}/* 在HTML文檔中，所有指定為該ID的標記都具有定義的標籤*/

CSS樣式優先順序