CSS簡(jiǎn)介

? ? ? CSS是層疊樣式表

? ? ? 樣式通常存儲(chǔ)在樣式<style>標(biāo)簽中

? ? ? CSS的好處

? ? ? ? 1.大大的簡(jiǎn)化代碼，提高效率

? ? ? ? 2.做到表現(xiàn)與樣式分離

? ? 通過(guò)選擇器設(shè)置需要改變HTML元素

? ? CSS的特性

? ? ? 1.CSS的繼承性

? ? ? 2.CSS層疊性

CSS選擇器

? ID選擇器

class選擇器

標(biāo)簽選擇器

群組選擇器

后代選擇器

子代選擇器

緊鄰選擇器

通用選擇器

CSS的樣式

? CSS的創(chuàng)建

? ? ? 行內(nèi)樣式（內(nèi)聯(lián)樣式）

? ? ? <標(biāo)簽 style＝"屬性名:屬性值">

? ? ? 外部樣式（內(nèi)聯(lián)樣式）

? ? ? 頭部添加link標(biāo)簽

? ? ? 內(nèi)部樣式（內(nèi)嵌式）

? ? 頭部添加style標(biāo)簽

CSS文本

color ? ? ? 設(shè)置文字顏色

text-index ? ? ? ? ? ? 設(shè)置首行縮進(jìn) ?，只用于塊元素

Word-spacing ? ? ? ? 設(shè)置文字對(duì)齊，

? ? ? ? ? ? ? ? ? ? ?center ? ?light ? ? left

letter-spacing ? ? ?改變字之間的標(biāo)準(zhǔn)間隔

text-spacing ? ? 處理文本的大小寫(xiě)轉(zhuǎn)換

? ? ? ? ? ? ? none ? ?對(duì)文本不做任何改動(dòng)

? ? ? ? ? ? ?uppercase ? ?將文本轉(zhuǎn)化為大寫(xiě)

? ? ? ? ? ? ?lowercase ? 轉(zhuǎn)換成小寫(xiě)

? ? ? ? ? ? ? capitalize ? 對(duì)每個(gè)單詞的首字母大寫(xiě)

text-decoration ? 文字修飾

? ? ? ? ? ? ? ? ?none ? ? 會(huì)關(guān)閉原本應(yīng)用到一個(gè)元素的所有裝飾

? ? ? ? ? ? ? ? underline ? 對(duì)元素添加下劃線(xiàn)

? ? ? ? ? ? ? ? overline ? ?對(duì)元素添加上劃線(xiàn)

? ? ? ? ? ? ? ? line-through ? 對(duì)元素添加貫穿線(xiàn)

vertical-align 設(shè)置垂直對(duì)齊

? ? ? ? ? ? ? ? ? ?basline ? ? ?基準(zhǔn)線(xiàn)對(duì)齊

? ? ? ? ? ? ? ? ? ?top ? ? ? ? ? ?頂端對(duì)齊

? ? ? ? ? ? ? ? ? middle ? ? ? 中部對(duì)齊

? ? ? ? ? ? ? ? ?bottom ? ? ?底部對(duì)齊

? ? ? ? ? ? ? ? ?line-height ? ?設(shè)置行高