css中hover的妙用!!

2021-05-24 00:07:30 字數 702 閱讀 8040

css

中有個屬性為hover、當滑鼠放上的時候,將其啟用,可以實現類似於js的一些,譬如選單等功能:

22.html檔案:

dddddddddddddd

terry

11.css檔案。

div#dd

div#dd:hover

說明:a:link     /* 未訪問的鏈結 */

a:visited  /* 已訪問的鏈結 */

a:hover    /* 當有滑鼠懸停在鏈結上 */

a:active   /* 被選擇的鏈結 */

注釋:為了產生預期的效果,在 css 定義中,a:hover 必須位於 a:link 和 a:visited 之後!!

注釋:為了產生預期的效果,在 css 定義中,a:active 必須位於 a:hover 之後!!

注釋:pseudo-class(偽類)的名稱對大小寫不敏感。

注釋:偽類可與 css 類配合使用:

a.red:visited

css syntax

如果上面這個例子中的鏈結已訪問過,那麼它會顯示為紅色。

例項a:link     /* 未訪問的鏈結 */

a:visited  /* 已訪問的鏈結 */

a:hover    /* 當有滑鼠懸停在鏈結上 */

a:active   /* 被選擇的鏈結 */

css中hover的妙用!!

css 中有個屬性為hover 當滑鼠放上的時候,將其啟用,可以實現類似於js的一些,譬如選單等功能 22.html檔案 dddddddddddddd terry 11.css檔案。div dd div dd hover 說明 a link 未訪問的鏈結 a visited 已訪問的鏈結 a hov...

CSS中hover的使用細節

元素新增hover偽類選擇器時候一定要緊貼hover,不能有空格,有空格的話表示給該元素的所有子元素設定裡hover樣式 錯誤例子 ul hover ul的所有子元素設定了hover樣式正確例子 ul hover ul會顯示出想要的效果想要在父元素新增hover,在指定的子元素實現效果 子元素應該寫...

CSS中line height的奇妙用處

常常使用 line height 設定內容 文字 行高上下居中樣式效果。line height 數字 單位 在css布局中我們一般採用畫素px為單位 行高line height的值可以為百分比數字 由浮點數字和單位識別符號組成的長度值,允許為負值。其百分比取值是基於字型的高度尺寸。行高應用介紹 li...