千鋒前端浠浠呀老師HTML+CSS教程,零基礎(chǔ)web前端開發(fā)入門必看視頻

???????????語法:選擇器{屬性:屬性值;屬性:屬性值;}
????????????選擇器:
????????????????概念:查找到頁面元素的一種方法(給誰添加樣式誰就是選擇器)
????????????????分類:
????????????????????1、標(biāo)簽選擇器:標(biāo)簽的名字就是選擇器
????????????????????????語法:div{}
????????????????????????特點(diǎn):能夠匹配到頁面中同一類型標(biāo)簽,無論嵌套層級有多深,匹配范圍較廣
????????????????????2、class選擇器(類選擇器)
????????????????????????語法:
????????????????????????????HTML:
????????????????????????????????<div class="box"></div>
????????????????????????????CSS:
????????????????????????????????.box{樣式}
????????????????????????特點(diǎn):
????????????????????????????1、class名可以重復(fù)使用(不同標(biāo)簽可以使用相同類名)
????????????????????????????2、一個(gè)標(biāo)簽可以有多個(gè)類名,類名之間用空格隔開
????????????????????3、id選擇器
????????????????????????語法:
????????????????????????????HTML:
????????????????????????????????<div id="content"></div>
????????????????????????????CSS:
????????????????????????????????#content{樣式}
????????????????????????特點(diǎn):
????????????????????????????id選擇器具有唯一性(id名不能重復(fù)使用,id名不能有多個(gè))
????????????????????4、通配符選擇器
????????????????????????語法:*
????????????????????????????表示匹配到頁面中所有元素
????????????????????????通常用:
????????????????????????????*{
????????????????????????????????margin:0;//取消掉外邊距
????????????????????????????????padding:0;//取消掉內(nèi)邊距
????????????????????????????}
????????????????選擇器的權(quán)重:
????????????????????標(biāo)簽選擇器??????class選擇器????????????class選擇器
????????????????????class選擇器????id選擇器???????????????id選擇器
????????????????????標(biāo)簽選擇器??????id選擇器???????????????id選擇器
????????????????????選擇器的權(quán)重值:
????????????????????????通配符:0??????????????(0000)
????????????????????????標(biāo)簽選擇器:1??????????(0001)
????????????????????????class選擇器:10???????(0010)
????????????????????????id選擇器:100?????????(0100)
????????????????????????行內(nèi)樣式:1000????????(1000)
????????????????????????!important:無窮大
????????????????????使用不同選擇器修飾同一標(biāo)簽,相同屬性被覆蓋(選擇器權(quán)重大的屬性生效),不同屬性保留
????????????????關(guān)系選擇器(層級選擇器)
????????????????????1、后代關(guān)系選擇器
????????????????????????符號:空格
????????????????????2、父子關(guān)系選擇器
????????????????????????符號:>
????????????????????注意:關(guān)系選擇器中,選擇器的權(quán)重是可以進(jìn)行相加的
????????????????????選擇器權(quán)重相同,后面的代碼會覆蓋前面的代碼
????????????????????注意:文本屬性具有繼承性
????????????????超鏈接動(dòng)態(tài)偽類選擇器(按照以下順序來書寫)
????????????????????:link ------------- 訪問前
????????????????????:visited ------------- 訪問后
????????????????????:hover ------------- 鼠標(biāo)滑過(常用,可以應(yīng)用在任意一個(gè)標(biāo)簽上)
????????????????????:active ------------- 鼠標(biāo)激活瞬間
????????????????群組選擇器:
????????????????????語法:選擇器1,選擇器2,選擇器3{樣式}
????????????????????注意:群組選擇器權(quán)重各算各的,互不干擾