为了消除不同的浏览器默认样式之间显示的差异,需要进行CSS样式重置
下面的设置都经过自己实验验证得到,而不是简单的复制过来,只对几个常用的样式进行了重置,日后遇到的多了会再来补充。
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd {
margin: 0;
// 去除body的四周margin
// 去除h1,h2,h3,h4,h5,h6,p,ul,ol,dl的margin-top/margin-bottom
// 去除dd的margin-left
}
ol,ul {
padding: 0; // 去除ol/ul的padding-left
list-style: none; //去除ul/ol下li的无序点/有序字符
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%; // 清除标题默认格式
font-weight: normal;
}
table {
border-collapse: collapse; // 合并表格边框为单一边框
}