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...