CSS的連接方式来农,三種,分別為:
1.內(nèi)嵌2.外鏈3.行間樣式
CSS的選擇器
通配符選擇器標(biāo)簽選擇器類選擇器id選擇器
屬性樣式的優(yōu)先級(jí)
!Important>行間樣式>id選擇器>類選擇器>標(biāo)簽選擇器>通配符選擇器
什么是就近原則
當(dāng)class里面的屬性值有不止一個(gè)時(shí)兔跌,而且選擇器里面的屬性有沖突,具體的樣式要根據(jù)style里面定義選擇器時(shí)與html代碼物理距離的遠(yuǎn)近峡蟋,與body里面的class屬性值的先后并沒(méi)有什么關(guān)系
CSS的類選擇器的組合使用
分為群組選擇器坟桅,子代選擇器,后代選擇器等蕊蝗,其使用規(guī)范為:
群組:把有相同屬性的標(biāo)簽或者類或者id用樣式的規(guī)范方式寫出來(lái)仅乓,中間用逗號(hào)隔開(kāi),然后設(shè)置屬相和屬性值
子代:想要具體實(shí)現(xiàn)某個(gè)標(biāo)簽或者類或者id等元素的直接子元素的樣式設(shè)置蓬戚,可以在該父元素的后面直接加上該想要設(shè)置樣式的直接子元素夸楣,中間用>連接,然后設(shè)置屬相和屬性值
后代:想要實(shí)現(xiàn)某個(gè)標(biāo)簽或者類或者id等元素的某一個(gè)后代元素的所有的設(shè)置子漩,可以在該祖先元素后面直接加上這個(gè)后代元素豫喧,中間用空格隔開(kāi),然后設(shè)置屬相和屬性值
CSS選擇器的優(yōu)先級(jí)
優(yōu)先級(jí)可以用權(quán)重值來(lái)比較幢泼,換算方法為:
標(biāo)簽選擇器權(quán)值為1
類嘿棘、偽類、屬性選擇器權(quán)值為10
id選擇器 權(quán)值為100
行內(nèi)樣式權(quán)值為1000
通配選擇器(*)旭绒,它們權(quán)值都為0
到時(shí)候?qū)⑦x擇器對(duì)應(yīng)的權(quán)值相加鸟妙,權(quán)值高的優(yōu)先級(jí)就高,當(dāng)權(quán)值同樣時(shí)挥吵,可以看代碼中距離html的物理距離重父,離得近的優(yōu)先級(jí)高。(還可以通過(guò)從右到左來(lái)遍歷忽匈,先找到子代選擇器標(biāo)記的優(yōu)先級(jí)就高房午。)不過(guò)這種情況具體項(xiàng)目實(shí)現(xiàn)中會(huì)盡量避免。
偽類選擇器的設(shè)置
1.目前常用的是a標(biāo)簽的四個(gè)鼠標(biāo)點(diǎn)擊狀態(tài)的偽類丹允,分別為a:link表示的是當(dāng)未點(diǎn)擊鼠標(biāo)時(shí)的樣式;a:visited點(diǎn)擊鼠標(biāo)過(guò)后的樣式;a:hover當(dāng)鼠標(biāo)懸停在鏈接上面的時(shí)候的樣式;a:active當(dāng)鼠標(biāo)點(diǎn)擊鏈接并且不松手時(shí)鏈接的樣式;
2.偽類選擇器的寫法一定要按照順序來(lái)郭厌,lvha袋倔。
樣式的繼承
可以繼承的屬性樣式包括:字體的顏色,大小折柠,類型宾娜,行高等。
CSS的文本設(shè)置
1.color屬性扇售,屬性值的寫法有三種前塔,英文表示,十六進(jìn)制代碼顯示承冰,RGB的具體數(shù)值的顯示华弓,還有一個(gè)是rgba( ),比rgb的后面多了一個(gè)值,用來(lái)標(biāo)識(shí)的是透明度困乒。
2.Font-family屬性寂屏,用來(lái)設(shè)置不同的字體,比如宋體娜搂,黑體什么的凑保,要用雙引號(hào)引起來(lái),如果想要設(shè)置中英文不同的字體涌攻,則將英文設(shè)置的寫在前面,中文字體設(shè)置的寫在后面频伤,中間用逗號(hào)恳谎。
3.Font-size屬性,用來(lái)設(shè)置的是大小憋肖,除了可以寫具體的大小因痛,還可以寫某某em,em的意思是倍數(shù)岸更,也就是說(shuō)設(shè)置的字體大小是瀏覽器默認(rèn)字體的某某倍鸵膏。
4.Font-weight屬性,設(shè)置的是字體的加粗怎炊,加粗用bolder谭企,但是常見(jiàn)的是用normal,用來(lái)消除b標(biāo)簽的加粗效果评肆。
5.Font-style屬性债查,設(shè)置的是字體的傾斜,同上瓜挽,一般用的也是normal值盹廷,用來(lái)消除i標(biāo)簽的傾斜效果。