結(jié)構(gòu)偽類選擇器用法 偽類選擇器hover的使用?
偽類選擇器hover的使用?定義和用法:hover 選擇器用于選擇鼠標(biāo)指針浮動在上面的元素。提示::hover 選擇器可用于所有元素,不只是鏈接。提示::link 選擇器設(shè)置指向未被訪問頁面的鏈接的樣
偽類選擇器hover的使用?
定義和用法:hover 選擇器用于選擇鼠標(biāo)指針浮動在上面的元素。提示::hover 選擇器可用于所有元素,不只是鏈接。提示::link 選擇器設(shè)置指向未被訪問頁面的鏈接的樣式,:visited 選擇器用于設(shè)置指向已被訪問的頁面的鏈接,:active 選擇器用于活動鏈接。注釋:在 CSS 定義中,:hover 必須位于 :link 和 :visited 之后(如果存在的話),這樣樣式才能生效。代碼效果測試:
請把鼠標(biāo)指針移動到這些鏈接上。
這個(gè)鏈接改變顏色。
這個(gè)鏈接改變字體大小。
這個(gè)鏈接改變背景色。
這個(gè)鏈接改變字體。
這個(gè)鏈接會出現(xiàn)下劃線。
偽類選擇器和偽元素選擇器的區(qū)別?
偽元素和偽類之所以這么容易混淆,是因?yàn)樗麄兊男Ч愃贫覍懛ㄏ喾?,但?shí)際上 css3 為了區(qū)分兩者,已經(jīng)明確規(guī)定了偽類用一個(gè)冒號來表示,而偽元素則用兩個(gè)冒號來表示。
css規(guī)則按選擇器類型分為哪四種?
1、代表內(nèi)聯(lián)樣式,如: style=””,權(quán)值為1000。
2、代表ID選擇器,如:#content,權(quán)值為100。
3、代表類,偽類和屬性選擇器,如.content,權(quán)值為10。
4、代表類型(元素)選擇器和偽元素選擇器,如div p,權(quán)值為1。按照CSS代碼的執(zhí)行先后順序。如果有重復(fù)的規(guī)則,按照后執(zhí)行的定義。最終規(guī)則是多個(gè)定義規(guī)則的綜合。重點(diǎn):高級規(guī)則定義對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁中的多種超級鏈接樣式定義。多個(gè)相同規(guī)則不同對象的CSS共同定義。對于同一對象定義的多種CSS方式考慮哪種更科學(xué)。
使用樣式表有什么好處?
一、CSS的代碼更少
我們在公共樣式類中可以定義具有值的屬性,并且能在不同位置使用相同的類,因此我們可以使用較少的代碼,來實(shí)現(xiàn)更多的功能。更少的代碼意味著更少的帶寬消耗并且易于維護(hù)內(nèi)容。
二、易于維護(hù)
當(dāng)我們在全局或共同的地方定義樣式時(shí),任何變化都變得容易操作。例如,在網(wǎng)站中,我們使用特定的樣式屬性顯示產(chǎn)品的所有名稱。現(xiàn)在,可以通過在外部樣式表中更改產(chǎn)品名稱的樣式類,我們可以在整個(gè)站點(diǎn)中更改樣式。我們可以保留多個(gè)樣式表并根據(jù)需要使用它們。使用屬性繼承方法,可以輕松地維護(hù)相同標(biāo)記的不同樣式。
三、代碼(標(biāo)簽)比率更高的內(nèi)容
我們可以通過使用CSS在頁面中實(shí)現(xiàn)更高的代碼比例內(nèi)容,因?yàn)槲覀兛梢詫邮铰暶鬓D(zhuǎn)換為外部文件。這對搜索引擎的觀點(diǎn)很重要。我們可以向蜘蛛提供較少的標(biāo)簽(樣式標(biāo)簽)和更多內(nèi)容以進(jìn)行索引。
四、下載頁面
當(dāng)瀏覽器緩存樣式表頁面時(shí),頁面加載變得很快。每次使用相同CSS的同一站點(diǎn)的不同頁面時(shí),都不會從服務(wù)器加載樣式類。
五、定義風(fēng)格的靈活性
名稱級聯(lián)表示我們可以使用多種樣式,并且優(yōu)先考慮本地樣式。我們可以覆蓋聲明的全局樣式,并將樣式本地分配給標(biāo)記。
本篇文章就是關(guān)于使用css樣式表的優(yōu)點(diǎn)介紹,希望對需要的朋友有所幫助!
以上就是使用css樣式表的好處有哪些的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
中文網(wǎng)