CSS 指層疊樣式表

css是一種標記語言，屬于瀏覽器解釋型語言，可以直接由瀏覽器執(zhí)行，不需要編譯。

有三種方法可以在站點網(wǎng)頁上使用樣式表：

1. 外聯(lián)式Linking（也叫外部樣式）：將網(wǎng)頁鏈接到外部樣式表。

2. 嵌入式Embedding（也叫內(nèi)頁樣式）：在網(wǎng)頁上創(chuàng)建嵌入的樣式表。

3. 內(nèi)聯(lián)式Inline（也叫行內(nèi)樣式）：應用內(nèi)嵌樣式到各個網(wǎng)頁元素。

其中，優(yōu)先級：內(nèi)聯(lián)式 > 嵌入式 > 外聯(lián)式

css是用來表示html和xml的標記語言。

css由選擇器、屬性和值組成。

css的長度單位

px 像素

em 相對于默認大小 倍數(shù)

pt 磅 cm（厘米） mm（毫米） 絕對單位

css顏色的表示

常用的顏色：orange blue purple white black red yellow green gray cyan

rgb表示：rgb（123，206，98）

? ? ? ? ? ? ? ? ? ? ? （0~255，0~255，0~255）

? ? ? ? ? ? ? ? rgb（百分比，百分比，百分比）

rgb（255，255，255）白色

rgb（0，0，0）黑色

rgb（100，100，100）灰色? 只要三個都一樣就是灰色

值越大顏色越淺，值越小顏色越深

十六進制（推薦使用）

#34afa1

#ff0000? 紅色? 可以簡寫 #f00

#00ff00? 綠色? 簡寫? #0f0

#0000ff? 藍色? 簡寫 #00f

#ffffff? ? 白色 簡寫 #fff

#000000? 黑色? 簡寫 #000

#cccccc? 灰色? 簡寫 #ccc

#336699? 簡寫? #369

CSS注釋

/*注釋*/

CSS選擇器

元素選擇器

ID選擇器? ? ? ? ? ? ? ? ? ? ? ?#id

Class選擇器? ? ? ? ? ? ? ? ?.類名

全局選擇器? ? ? ? ? ? ? ? ? ?*

關聯(lián)選擇器-后代元素選擇器 slecter slecter

關聯(lián)選擇器-子元素選擇器? ? slecter>slecter

組合選擇器 兩種基本選擇器的組合

偽類選擇器：link：選擇器選擇未訪問的鏈接，向未訪問的鏈接添加特殊的樣式。

? ? ? ? ? ? ? ? ? ? :visited：向訪問過的鏈接添加特殊的樣式

? ? ? ? ? ? ? ? ? ? :hover：在鼠標移到鏈接上時添加的特殊樣式。

? ? ? ? ? ? ? ? ? ? :active：向活動的鏈接添加特殊的樣式，當你點擊一個鏈接時它變成活動鏈接。

選擇器的優(yōu)先級：ID>Class>Tag

組合選擇器中 ID權重100? ? ?Class10? ? ? ?Tag權重1

CSS的屬性

字體屬性

font-family 字體 字體分為襯線字體(serif)和非襯線字體(sans-serif)

font-size? 字體大小

font-style 字體風格 normal(默認) itailc（斜體）

font-weight 字體粗度 normal（默認）bold（加粗） bolder（更粗）lighter（變細）

font-variant 字體變形? normal（默認） small-caps（小型大寫字母）

font 同意設置

font【style/weight/variant? size? family】字體在最后

顏色屬性

color 值：字母/rgb/16進制

文本屬性

letter-spacing 字母間距

word-spacing 單詞間距

text-decoration 文本修飾：underline? 下劃線

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:overline? ? ? 上劃線

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:line-through? 刪除線（中劃線）

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:none（默認值）