CSS 指層疊樣式表
css是一種標(biāo)記語(yǔ)言，屬于瀏覽器解釋型語(yǔ)言，可以直接由瀏覽器執(zhí)行，不需要編譯。
有三種方法可以在站點(diǎn)網(wǎng)頁(yè)上使用樣式表：
1. 外聯(lián)式Linking（也叫外部樣式）：將網(wǎng)頁(yè)鏈接到外部樣式表。
2. 嵌入式Embedding（也叫內(nèi)頁(yè)樣式）：在網(wǎng)頁(yè)上創(chuàng)建嵌入的樣式表。
3. 內(nèi)聯(lián)式Inline（也叫行內(nèi)樣式）：應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁(yè)元素。
其中，優(yōu)先級(jí)：內(nèi)聯(lián)式 > 嵌入式 > 外聯(lián)式
css是用來(lái)表示html和xml的標(biāo)記語(yǔ)言。
css由選擇器、屬性和值組成。
css的長(zhǎng)度單位
px 像素
em 相對(duì)于默認(rèn)大小 倍數(shù)
pt 磅 cm（厘米） mm（毫米） 絕對(duì)單位
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）灰色? 只要三個(gè)都一樣就是灰色
值越大顏色越淺，值越小顏色越深
十六進(jìn)制（推薦使用）
#34afa1
#ff0000? 紅色? 可以簡(jiǎn)寫(xiě) #f00
#00ff00? 綠色? 簡(jiǎn)寫(xiě)? #0f0
#0000ff? 藍(lán)色? 簡(jiǎn)寫(xiě) #00f
#ffffff? ? 白色 簡(jiǎn)寫(xiě) #fff
#000000? 黑色? 簡(jiǎn)寫(xiě) #000
#cccccc? 灰色? 簡(jiǎn)寫(xiě) #ccc
#336699? 簡(jiǎn)寫(xiě)? #369
CSS注釋
/*注釋*/
CSS選擇器
元素選擇器
ID選擇器? ? ? ? ? ? ? ? ? ? ? ?#id
Class選擇器? ? ? ? ? ? ? ? ?.類名
全局選擇器? ? ? ? ? ? ? ? ? ?*
關(guān)聯(lián)選擇器-后代元素選擇器 slecter slecter
關(guān)聯(lián)選擇器-子元素選擇器? ? slecter>slecter
組合選擇器 兩種基本選擇器的組合
偽類選擇器：link：選擇器選擇未訪問(wèn)的鏈接，向未訪問(wèn)的鏈接添加特殊的樣式。
? ? ? ? ? ? ? ? ? ? :visited：向訪問(wèn)過(guò)的鏈接添加特殊的樣式
? ? ? ? ? ? ? ? ? ? :hover：在鼠標(biāo)移到鏈接上時(shí)添加的特殊樣式。
? ? ? ? ? ? ? ? ? ? :active：向活動(dòng)的鏈接添加特殊的樣式，當(dāng)你點(diǎn)擊一個(gè)鏈接時(shí)它變成活動(dòng)鏈接。
選擇器的優(yōu)先級(jí)：ID>Class>Tag
組合選擇器中 ID權(quán)重100? ? ?Class10? ? ? ?Tag權(quán)重1
CSS的屬性
字體屬性
font-family 字體 字體分為襯線字體(serif)和非襯線字體(sans-serif)
font-size? 字體大小
font-style 字體風(fēng)格 normal(默認(rèn)) itailc（斜體）
font-weight 字體粗度 normal（默認(rèn)）bold（加粗） bolder（更粗）lighter（變細(xì)）
font-variant 字體變形? normal（默認(rèn)） small-caps（小型大寫(xiě)字母）
font 同意設(shè)置
font【style/weight/variant? size? family】字體在最后
顏色屬性
color 值：字母/rgb/16進(jìn)制
文本屬性
letter-spacing 字母間距
word-spacing 單詞間距
text-decoration 文本修飾：underline? 下劃線
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:overline? ? ? 上劃線
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:line-through? 刪除線（中劃線）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:none（默認(rèn)值）
