1、 css偽類(lèi)選擇器不起作用,偽類(lèi)選擇器hover的使用?
定義和用法:hover 選擇器用于選擇鼠標(biāo)指針浮動(dòng)在上面的元素。提示::hover 選擇器可用于所有元素,不只是鏈接。提示::link 選擇器設(shè)置指向未被訪(fǎng)問(wèn)頁(yè)面的鏈接的樣式,:visited 選擇器用于設(shè)置指向已被訪(fǎng)問(wèn)的頁(yè)面的鏈接,:active 選擇器用于活動(dòng)鏈接。注釋?zhuān)涸?CSS 定義中,:hover 必須位于 :link 和 :visited 之后(如果存在的話(huà)),這樣樣式才能生效。代碼效果測(cè)試:
請(qǐng)把鼠標(biāo)指針移動(dòng)到這些鏈接上。
這個(gè)鏈接改變顏色。
這個(gè)鏈接改變字體大小。
這個(gè)鏈接改變背景色。
這個(gè)鏈接改變字體。
這個(gè)鏈接會(huì)出現(xiàn)下劃線(xiàn)。
2、 css的類(lèi)選擇器用什么屬性引用?
用于來(lái)定義一類(lèi)可以在同一個(gè)頁(yè)面內(nèi)重復(fù)利用的樣式。 如比較常用的.clearfix(一般是用于清除浮動(dòng)),或者自己定義的用于新聞列表的樣式,詳細(xì)的寫(xiě)好鏈接、列表、邊框以及背景等屬性,有些人還會(huì)習(xí)慣把一些常用的屬性作為一個(gè)類(lèi)。
3、 css不可能實(shí)現(xiàn)什么功能?
CSS不可能實(shí)現(xiàn)“兼容所有的瀏覽器”功能。
層疊樣式表CSS(Cascading Style Sheet)是一組格式設(shè)置規(guī)則,用于控制Web頁(yè)面的外觀(guān)。通過(guò)使用CSS樣式設(shè)置頁(yè)面的格式,包括控制文字、圖片等元素在網(wǎng)頁(yè)中的精確位置。
CSS還可將頁(yè)面的內(nèi)容與表現(xiàn)形式分離,通過(guò)將網(wǎng)頁(yè)內(nèi)容存放在HTML文檔中,而用于定義網(wǎng)頁(yè)外觀(guān)的CSS規(guī)則則存放在另一個(gè)文件或HTML文檔的某一部分中,通常為文件頭部分。
當(dāng)將CSS存放在一個(gè)單獨(dú)的文件中時(shí),可使用該文件來(lái)控制多個(gè)網(wǎng)頁(yè)的外觀(guān)。
由于不同版本的瀏覽器所支持的CSS版本不一樣,因此CSS并不能兼容所有的瀏覽器。
4、 css怎樣讓圖片鼠標(biāo)停留時(shí)變亮?
1、打開(kāi)hbuilder,在空白的html文件上面設(shè)置一個(gè)div,給div一個(gè)class并命名為img。
2、在CSS里設(shè)置img的類(lèi)一定的寬和高,引入示例圖片,設(shè)置圖片為不重復(fù)。并且給img的類(lèi)設(shè)置“:hover”偽類(lèi),設(shè)置偽類(lèi)內(nèi)的透明度為0.6。
3、打開(kāi)瀏覽器,在瀏覽器內(nèi)查看效果。
4、將鼠標(biāo)移入圖片,就會(huì)發(fā)現(xiàn)圖片已經(jīng)變亮了。
以上就是用CSS設(shè)置鼠標(biāo)經(jīng)過(guò)圖片變亮,移開(kāi)變變暗效果的演示。