導航:首頁 > 研究方法 > css教學方法

css教學方法

發布時間:2022-12-21 11:50:12

⑴ CSS偽類定義3種方法

CSS偽類用於向特殊狀態的選擇器添加特殊效果,使用最多的偽類是錨偽類。

a:link 未訪問的鏈接
a:visited 已訪問的鏈接
a:hover 滑鼠移動到鏈接上,此偽類不止限於超鏈接上,其他元素也可使用
a:active 選定的鏈接
注意:在 CSS 定義中,a:hover 必須被置於 a:link 和 a:visited 之後,才是有效的;a:active 必須被置於 a:hover 之後,才是有效的;偽類名稱對大小寫不敏感。

偽類的使用是在選擇器後添加偽類,如selector:pseudo-class{color:red}, selector.class:pseudo-class{color:red}
註:pseudo-class表示偽類,但並無此偽類,selector表示選擇器。

CSS的偽類還有其他幾種:

:active 向被激活的元素添加樣式。
:focus 向擁有鍵盤輸入焦點的元素添加樣式。IE中必須聲明 <!DOCTYPE>,IE8以下不支持。
:hover 當滑鼠懸浮在元素上方時,向元素添加樣式。
:link 向未被訪問的鏈接添加樣式。
:visited 向已被訪問的鏈接添加樣式。
:first-child 向元素的第一個子元素添加樣式。IE中必須聲明 <!DOCTYPE>。
:lang 向帶有指定 lang 屬性的元素添加樣式。IE中必須聲明 <!DOCTYPE>,IE8以下不支持。

CSS中,還有偽元素,形態及使用方法類同偽類。
:first-letter 向文本的第一個字母添加特殊樣式。
:first-line 向文本的首行添加特殊樣式。
:before 在元素之前添加內容。
:after 在元素之後添加內容。

閱讀全文

與css教學方法相關的資料

熱點內容
種白菜有哪些方法 瀏覽:826
高濃度vc的使用方法 瀏覽:109
溫感面膜使用方法 瀏覽:705
seo學習方法和技巧 瀏覽:468
摩托車籠頭正確調整方法 瀏覽:105
白蘿卜種植方法如下 瀏覽:555
簡單的掛飾方法 瀏覽:349
咸鴨蛋簡單腌制方法 瀏覽:598
乳膠頸椎枕的使用方法 瀏覽:604
尋找新手安裝防盜門技巧方法 瀏覽:399
腰椎間盤突出滑脫的治療方法 瀏覽:909
稀土元素檢測方法 瀏覽:271
投資快速盈利方法 瀏覽:405
三星s6在移動網路在哪裡設置方法 瀏覽:377
可以消滅電腦病毒的方法 瀏覽:358
檢測師證書郵寄方法 瀏覽:663
煥顏撕拉麵膜使用方法圖片 瀏覽:829
昆明罕見琥珀鑒別方法 瀏覽:20
各種花片的連接方法視頻 瀏覽:447
平均讀數和歸零後方向值計算方法 瀏覽:134