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初始化工具,使用简单且跨浏览器兼容性很好,所以在实际开发中常常被使用。