css偽類選擇器用法,偽類選擇器特點(diǎn)?
偽類選擇器(簡(jiǎn)稱:偽類)通過(guò)冒號(hào)來(lái)定義,它定義了元素的狀態(tài),如點(diǎn)擊按下,點(diǎn)擊完成等,通過(guò)偽類可以為元素的狀態(tài)修改樣式。
偽類的功能和一般的DOM中的元素樣式相似,但和一般的DOM中的元素樣式不一樣,它并不改變?nèi)魏蜠OM內(nèi)容。只是插入了一些修飾類的元素,這些元素對(duì)于用戶來(lái)說(shuō)是可見(jiàn)的,但是對(duì)于DOM來(lái)說(shuō)不可見(jiàn)。偽類的效果可以通過(guò)添加一個(gè)實(shí)際的類來(lái)達(dá)到。
css中visited用法?
visited 偽類向已訪問(wèn)的鏈接添加特殊的樣式; 激活的、已訪問(wèn)的、未訪問(wèn)的或者當(dāng)有鼠標(biāo)懸停在其上的鏈接,它們會(huì)在支持 CSS 的瀏覽器中以不同的方式顯示出來(lái); 規(guī)定鏈接的顏色,實(shí)例如下: a:link {color: #FF0000} /* 未訪問(wèn)的鏈接 */ a:visited {color: #00FF00} /* 已訪問(wèn)的鏈接 */ a:hover {color: #FF00FF} /* 當(dāng)有鼠標(biāo)懸停在鏈接上 */ a:active {color: #0000FF} /* 被選擇的鏈接 */
css3和css一樣嗎?
CSS3是CSS的子集,CSS3是最新的標(biāo)準(zhǔn),提供了很多好用的新屬性,提升了網(wǎng)頁(yè)的表現(xiàn)性。
CSS3提供了更好用的選擇器最新的CSS3中,對(duì)偽類、偽元素選擇器做了嚴(yán)格的規(guī)范。有了偽類后,不用在div標(biāo)簽里面添加額外的元素完成一些DOM操作,可以通過(guò)::before,::after完成,代碼簡(jiǎn)潔明了。對(duì)于鼠標(biāo)的操作,也可以通過(guò)::hover等類似的操作完成。非常高效。還有::first–child等類似的選擇器去操作子元素。
CSS3使動(dòng)畫(huà)效果越來(lái)越方便css3里面通過(guò)animation來(lái)完成動(dòng)畫(huà),設(shè)置@keyframes即可,一些輕量級(jí)的動(dòng)畫(huà)不必再通過(guò)js完成。
CSS3完成圓角、陰影美化更方便以前的css完成類似的功能只能通過(guò)圖片做背景,現(xiàn)在只需要border-radius、boxshadow即可。非常高效簡(jiǎn)潔。
CSS3提供了全新的盒模型這個(gè)特性十分有用。原來(lái)的盒模型width=content.+border+padding。你規(guī)定了width.每次都要自己計(jì)算,現(xiàn)在有了boder-box不用這么麻煩了。
CSS3的flex布局是最強(qiáng)大的IE已死,不需要再考慮它的兼容性!!!用flex布局,節(jié)省很多時(shí)間,節(jié)省的時(shí)間可以學(xué)很多東西,而不是浪費(fèi)時(shí)間去適應(yīng)落后的ie!!!
還有很多好用的css3特性,這個(gè)版本提供了巨大的生產(chǎn)力!!!很感謝它,期待下一個(gè)grid布局~
以上是我的看法~
css幾種選擇器的使用?
1.類選擇器(class選擇器)
基本使用:
.類選擇器{
屬性名: 屬性值;
...}
2.id選擇器
基本使用:
#id選擇器{
屬性名: 屬性值;
...
}
3. html元素選擇器
某個(gè)html元素{
屬性名: 屬性值;
...
}
4.通配符選擇器
該選擇器可以用到所有的html元素,但是其優(yōu)先權(quán)最低
*{
屬性名: 屬性值;
...
}