當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS 知识点

發布時間：2024/9/20 CSS 77 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS 知识点小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

CSS 一些瑣碎知識點記錄下

1：標簽a 的樣式添加順序：

a:link {color:#006600; font-size:30px;}?? /* 未訪問的鏈接 green */

a:visited {?color:#FF0000; font-size:30px;?text-decoration: underline;}??? /* 已訪問的鏈接紅*/

a:hover {?color:#000000; font-size:30px;?text-decoration: underline;}??? /* 當有鼠標懸停在鏈接上*/

a:active {?color:#000066; font-size:30px;?text-decoration: none;}?? /* 被選擇的鏈接blue */

使用的時候必須按照以上的順序寫，不然效果可能體現不了

在 CSS 定義中，a:hover 必須位于 a:link 和 a:visited 之后！！???? a:active 必須位于 a:hover 之后！！

2：css瀏覽器兼容:

A:?? !important (功能有限):

隨著IE7對!important的支持, !important 方法現在只針對IE6的兼容.(注意寫法.記得該聲明位置需要提前.)
例如:
#example {
width: 100px !important; /* IE7+FF */
width: 103px; /* IE6 */
}

B:?? CSS HACK的方法:

所有瀏覽器通用 height: 100px;
IE6 專用 _height: 100px;
IE7 專用 *+height: 100px;
IE6、IE7 共用 *height: 100px;
IE7、FF 共用 height: 100px !important;

IE9? height:100px\9;

需要注意的是，代碼的順序一定不能顛倒了../*FF*/?? /*IE9*/? /*IE8*/? /*IE7*/? /*IE6*/

*+html 對IE7的兼容必須保證HTML頂部有如下聲明：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"　"http://www.w3.org/TR/html4/loose.dtd">

以上是生活随笔為你收集整理的CSS 知识点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。