僅供學習,轉載請註明出處
簡介
在寫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、大數據視頻,價值數萬資源大放送
尋找資源的地址如下: