欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css選擇器的種類及介紹,偽類選擇器hover的使用

老白2年前63瀏覽0評(píng)論

定義和用法:hover 選擇器用于選擇鼠標(biāo)指針浮動(dòng)在上面的元素。提示::hover 選擇器可用于所有元素,不只是鏈接。提示::link 選擇器設(shè)置指向未被訪問(wèn)頁(yè)面的鏈接的樣式,:visited 選擇器用于設(shè)置指向已被訪問(wèn)的頁(yè)面的鏈接,:active 選擇器用于活動(dòng)鏈接。注釋:在 CSS 定義中,:hover 必須位于 :link 和 :visited 之后(如果存在的話),這樣樣式才能生效。代碼效果測(cè)試:

請(qǐng)把鼠標(biāo)指針移動(dòng)到這些鏈接上。

這個(gè)鏈接改變顏色。

這個(gè)鏈接改變字體大小。

這個(gè)鏈接改變背景色。

這個(gè)鏈接改變字體。

這個(gè)鏈接會(huì)出現(xiàn)下劃線。

1. 內(nèi)聯(lián)樣式表的權(quán)值最高 1000 2. ID 選擇器的權(quán)值為 100 3. Class 類選擇器的權(quán)值為 10 4. HTML 標(biāo)簽選擇器的權(quán)值為 1 CSS 優(yōu)先級(jí)法則: A 選擇器都有一個(gè)權(quán)值,權(quán)值越大越優(yōu)先 B 當(dāng)權(quán)值相等時(shí),后出現(xiàn)的樣式表設(shè)置要優(yōu)于先出現(xiàn)的樣式表設(shè)置 C 創(chuàng)作者的規(guī)則高于瀏覽者:即網(wǎng)頁(yè)編寫者設(shè)置的CSS 樣式的優(yōu)先權(quán)高于瀏覽器所設(shè)置的樣式 D 繼承的CSS 樣式不如后來(lái)指定的CSS 樣式 E 在同一組屬性設(shè)置中標(biāo)有“!important”規(guī)則的優(yōu)先級(jí)最大 這是規(guī)定好的,自然不能打破

css樣式屬性list-style-image :設(shè)定列表項(xiàng)目符號(hào)的自定義圖像。其值是一個(gè)引用圖像的URL路徑。

url ( url ) —— 使用絕對(duì)或相對(duì) url 地址指定圖像。

ID用于標(biāo)識(shí)頁(yè)面上的特定元素(比如站點(diǎn)導(dǎo)航),而且必須是唯一的。 ID也可以用來(lái)標(biāo)識(shí)持久的結(jié)構(gòu)性元素,例如主導(dǎo)航或內(nèi)容區(qū)域。ID還可以用來(lái)標(biāo)識(shí)一次性元素,例如某個(gè)鏈接或表單元素。一個(gè)ID只能應(yīng)用于頁(yè)面上的一個(gè)元素。

class同一個(gè)類名可以應(yīng)用于頁(yè)面上任意多個(gè)元素,因此類的功能強(qiáng)大的多。類非常適合表示內(nèi)容的類型或其他相似的條目。

在實(shí)際開(kāi)發(fā)中,要根據(jù)實(shí)際使用情況來(lái)決定是使用哪種樣式。對(duì)于單一元素的在單一界面的展示樣式可以推薦是用id來(lái)定位。多余多個(gè)界面公用,或者同一界面多個(gè)元素風(fēng)格一致,樣式統(tǒng)一使用class類要方便的多。

下面就是最簡(jiǎn)單的一個(gè)小例子:

展示效果: