淘先锋技术网

首页 1 2 3 4 5 6 7

CSS最简单的初始化

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* 恢复部分标签的默认样式 */
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* 移除margin */
body {
margin: 0;
}
/* 移除h1-h6的默认字体大小,让它们继承父元素的字体大小 */
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
/* 移除a的默认样式 */
a {
color: inherit;
text-decoration: none;
}
/* 设置块元素的box-sizing为border-box */
*, ::before, ::after {
box-sizing: border-box;
}
/* 移除ul, ol的默认间距和内边距 */
ul, ol {
margin: 0;
padding: 0;
}
/* 移除图片的border */
img {
border-style: none;
}
/* 移除表格的默认间距和边框 */
table {
border-collapse: collapse;
border-spacing: 0;
}

CSS初始化的作用是移除不同浏览器的默认样式,解决样式兼容性问题,让开发者更易于编写代码。normalize.css是一个流行的CSS初始化工具,使用简单且跨浏览器兼容性很好,所以在实际开发中常常被使用。