1、頁面邊界
IE預設為10px,通過body的margin屬性設定。
FF預設為8px,通過body的padding屬性設定。
要清除頁面邊界,一般應同時清除這兩個屬性值:
body{
padding:0; /* 清除非IE瀏覽器頁面邊界 */
margin:0; /* 清除IE瀏覽器頁面邊界 */
}
2、段間距
IE預設為10px,通過p的margin-top、margin-bottom屬性設定。
FF預設為1.12em,通過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預設為左縮排40px,通過ul、ol的margin屬性設定。
FF預設為左縮排40px,通過ul、ol的padding屬性設定。
dl無縮排,但其內部的說明元素dd預設縮排40px,而名稱元素dt沒有縮排。要清除列表樣式,一般可以設定:
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 元素預設帶有底線,顯示顏色為藍色,被訪問過的超級連結是紫色。要清除連結樣式,一般可以設定:
a{
text-decoration:none;
color:#colorName;
}
7、滑鼠樣式
IE預設為cursor:hand;。
FF預設為cursor:pointer;。該聲明在IE中也有效。
8、圖片連結樣式
IE預設為紫色2像素的邊框線。
FF預設為藍色2像素的邊框線。
要清除圖片連結樣式,一般可以設定:
img{
border:0;
}