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