一.css
1.定義:
層疊樣式表,主要用于設(shè)置html頁面中的文本內(nèi)容以及外觀顯示樣式遂蛀。
2.與html的關(guān)系
3.引入css的方式
1.行內(nèi)樣式:通過在標(biāo)簽中設(shè)置style屬性達(dá)到實現(xiàn)控制標(biāo)簽樣式的效果
2.內(nèi)部樣式:在head標(biāo)簽中嵌套一個style標(biāo)簽真椿,在其中書寫css的樣式
3.外部樣式:
①通過link標(biāo)簽:rel是指定當(dāng)前html文件和css文件的關(guān)系是樣式表鹃答。 href是指定外聯(lián)樣式表的路徑。
②import:導(dǎo)入樣式會導(dǎo)致css文件不能并行下載(導(dǎo)入樣式的書寫必須在所有的css規(guī)則書寫之前)
4.css語法
選擇符突硝,屬性聲明测摔,括號
width: 寬度 height:高度 color:前景色
bgc:背景色 font-size:字體大小
6.注釋
① 單行注釋: /* 注釋內(nèi)容 */ (注釋不能嵌套)
② 多行注釋:
/*
多行注釋內(nèi)容
*/
③ 模塊注釋:
④ 文件頭的注釋:
二.選擇器
1.
2.通配符* 代表所有標(biāo)簽,通過通配符選擇器可以選擇頁面中所有的標(biāo)簽
3.ID選擇器: 根據(jù)標(biāo)簽的id屬性值(必須唯一)進(jìn)行樣式設(shè)置。 符號是 #
命名規(guī)范:
4.類選擇器:
對html標(biāo)簽中class屬性進(jìn)行選擇锋八。 符號是 .
標(biāo)簽可以包含多個類選擇器浙于,在class標(biāo)簽中用空格隔開
例如:
5. css復(fù)合選擇器
由兩個或多個基礎(chǔ)選擇器,通過不同方式組合而成
① 標(biāo)簽指定式選擇器(交集選擇器)
由兩個選擇器構(gòu)成挟纱,其中第一個為標(biāo)記選擇器羞酗,第二個為class選擇器或id選擇器,兩個選擇器之間不能有空格
② 后代選擇器
用來選擇元素或元素組的后代
③ 并集選擇器
各個選擇器通過逗號隔開
三. 偽類選擇器
四. css 的特性
1. 層疊性:后來設(shè)置的樣式會覆蓋之前的樣式
2. 繼承性:子容器會繼承父容器的樣式紊服。
部分樣式能繼承:字體大小檀轨,顏色
盒子樣式不能繼承:高寬,邊距围苫,背景色
五. 優(yōu)先級
1. 繼承的樣式大于默認(rèn)的樣式
2. 通配符選擇器的樣式優(yōu)先級高于繼承樣式
3. 標(biāo)簽選擇器的優(yōu)先級高于通配符選擇器
4. 類選擇器樣式的優(yōu)先級高于標(biāo)簽選擇器
5. ID選擇器的優(yōu)先級高于類選擇器
6. 行內(nèi)樣式的選擇器優(yōu)先級高于id選擇器