? ? 什么是CSS
定義:重疊樣式表埂陆,控制頁(yè)面和布局
CSS樣式
所有的標(biāo)簽都有一個(gè)默認(rèn)樣式
內(nèi)聯(lián)式 ? ?在行內(nèi)寫style樣式
內(nèi)嵌式 ?在head內(nèi)嵌套style
外聯(lián)CSS樣式 ? ?rel指定Html與css的文本樣式焚虱,href 是連接外部樣式表的
導(dǎo)入樣式表 ? ? ?@import url(main.css) ? //將css樣式表導(dǎo)入到當(dāng)前的位置懂版,且放在所 ? ? ? ? ? ? ? ? ? ? ? ?有樣式設(shè)置之前
CSS語(yǔ)法
color:前景色 background-color:背景色
width/height ? 設(shè)置div的寬度/高度
塊注釋
/*start*/
塊內(nèi)容
/*end*/
*{ font-size: 16px; } ? ? ? ?//通配符選擇器躯畴,*代表選擇當(dāng)?shù)捻?yè)面中的所有的標(biāo)簽
#id .class類(選擇器)
一個(gè)id地址只可在網(wǎng)頁(yè)設(shè)置中出現(xiàn)一次(id標(biāo)簽設(shè)置不能是標(biāo)簽名)蓬抄,類標(biāo)簽可以多次選擇(類標(biāo)簽也可以一次選擇多個(gè)類) ? ? /*頁(yè)面開發(fā)建議多使用class類 ,當(dāng)確定只會(huì)出現(xiàn)一次時(shí)時(shí)用id選擇器*/
CSS復(fù)合選擇器
h3.purple-black{} ? ? //是指即是h3標(biāo)簽又有.purple-black屬性
.box li{ color: green;} ? ?//類.box對(duì)應(yīng)下的li標(biāo)簽的后代選擇器
div li{} ? ? ? ? //div對(duì)應(yīng)下的li標(biāo)簽的后代選擇器
.class,h3{ color:green;} ? //并集選擇器供嚎,類class和h3標(biāo)簽有共同的屬性
h > p ? ? ? ? ?//h 標(biāo)簽下的所有p標(biāo)簽都有該屬性峭状,若低一級(jí)別的則沒(méi)有
優(yōu)先權(quán) ? ? ? ? ?//誰(shuí)的權(quán)重優(yōu)先,顯示誰(shuí)的
屬性選擇器
h1[id][class] ? ? ?把同時(shí)擁有id 和class屬性的h1標(biāo)簽給篩選出來(lái)
偽類
:link/:hover/:visited ?超鏈接未訪問(wèn)/鼠標(biāo)懸掛/訪問(wèn)過(guò)的超鏈接