CSS 重置元素樣式示例 reset.css

僅供學習，轉載請註明出處

簡介

在寫html的過程中，經常需要去取消不少元素的默認樣式，例如：ul去除前面的小圓點、body的margin以及padding取消等等。

爲了方便，可以專門設置一個樣式文件，統一編寫好，然後引入即可。

重置元素樣式 reset.css

示例代碼如下：

/* 將標籤默認的間距設爲0   */
body,ul,p,h1,h2,h3,h4,h5,h6,dl,dd,input,select,form{
    margin:0;padding:0;
}

/* 讓h標籤繼承body內設置的字體大小 */

h1,h2,h3,h4,h5,h6{
    font-size:100%;
}


/* 去掉默認的項目圖標 */
ul{
    list-style:none;
}


em{
    font-style:normal;
}

a{
    text-decoration:none;
}

/* 去掉IE下，圖片做鏈接時候產生的邊框 */
img{
    border:none;
}


/* 清除margin-top塌陷和清除浮動 */
.clearfix:before,.clearfix:after{
    content: "";
    display:table;
}

.clearfix:after{
    clear:both;
}

.clearfix{
    zoom:1;
}


.fl{
    float:left;
}

.fr{
    float:right;
}

還有更多需要統一清除的樣式可以繼續寫入，上方的內容只是提供示例而已。

注意：引入樣式文件的順序應該放在第一位，不然就會被其他樣式文件所覆蓋。

css引入示例如下：

<link rel="stylesheet" href="./css/reset.css">

---

2019年全套Java、Android、HTML5前端、Python、大數據視頻，價值數萬資源大放送

尋找資源的地址如下：

掃描微信公衆號

尋找價值數萬的視頻資源