本文是一个帮你提升 CSS 技巧的收藏集。

使用CSS复位

CSS复位可以在不同的浏览器上保持一致的样式风格。您可以使用CSS reset 库Normalize等,也可以使用一个更简化的复位方法:

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

现在元素的 margin 和 padding 已为0,box-sizing可以管理您的CSS盒模型布局。

注意:如果你遵循接下来继承 box-sizing讲解的这个技巧, 你不需要在以上代码中添加 box-sizing 属性。

网友评论