瀏覽器預設樣式表

來源:互聯網
上載者:User

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;
}

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.