瀏覽器默認樣式
2010-05-27 16:51:19| 分類: 默認分類 | 標簽: |字號大中小 訂閱
1、頁邊距
IE默認為10px,通過body的margin屬性設(shè)置。
FF默認為8px,通過body的padding屬性設(shè)置。
要清除頁邊距,一般應(yīng)同時清除這兩個屬性值:
body{
padding:0; /* 清除非IE瀏覽器頁邊距 */
margin:0; /* 清除IE瀏覽器頁邊距 */
}
2、段間距
IE默認為10px,通過p的margin-top、margin-bottom屬性設(shè)置。
FF默認為1.12em,通過p的margin-top、margin-bottom屬性設(shè)置。
P元素默認為塊狀顯示,要清除段間距,一般可以設(shè)置:
p{
margin-top:0; /* 清除上邊界 */
margin-bottom:0; /* 清除下邊界 */
}
3、標題樣式
h1-h6默認加粗顯示:font-weight:bold;。
默認字體大小如下,各大瀏覽器基本統(tǒng)一。
h1=font-size:xx-large;
h2=font-size:x-large;
h3=font-size:large;
h4=font-size:medium;
h5=font-size:small;
h6=font-size:x-small;
各大瀏覽器默認字體大小為16px,即等于medium。
h1-h6元素默認以塊狀顯示,字體顯示為粗體。要清除標題樣式,一般可以設(shè)置:
hx{
font-weight:normal; /* 清除標題粗體樣式 */
font-size:value; /* 清除標題的默認字體大小,定義為新的value值 */
}
4、列表樣式
IE默認為左縮進40px,通過ul、ol的margin屬性設(shè)置。
FF默認為左縮進40px,通過ul、ol的padding屬性設(shè)置。
dl無縮進,但其內(nèi)部的說明元素dd默認縮進40px,而名稱元素dt沒有縮進。要清除列表樣式,一般可以設(shè)置:
ul,ol,dd{
list-style-type:none; /* 清除列表樣式符號 */
margin-left:0; /* 清除IE 瀏覽器左邊界,即列表項縮進 */
padding-left:0; /* 清除非IE 瀏覽器左邊,即列表項縮進 */
}
5、元素居中
IE默認為text-align:center;。
FF默認為margin-left:auto;margin-right:auto;。
6、超鏈接樣式
a 元素默認帶有下劃線,顯示顏色為藍色,被訪問過的超級鏈接是紫色。要清除鏈接樣式,一般可以設(shè)置:
a{
text-decoration:none;
color:#colorName;
}
7、鼠標樣式
IE默認為cursor:hand;。
FF默認為cursor:pointer;。該聲明在IE中也有效。
8、圖片鏈接樣式
IE默認為紫色2像素的邊框線。
FF默認為藍色2像素的邊框線。
要清除圖片鏈接樣式,一般可以設(shè)置:
img{
border:0;
}