本文是一個幫你提升 CSS 技巧的收藏集。

使用CSS復(fù)位

CSS復(fù)位可以在不同的瀏覽器上保持一致的樣式風格。您可以使用CSS reset 庫Normalize等,也可以使用一個更簡化的復(fù)位方法:

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

現(xiàn)在元素的 margin 和 padding 已為0,box-sizing可以管理您的CSS盒模型布局。

注意:如果你遵循接下來繼承 box-sizing講解的這個技巧, 你不需要在以上代碼中添加 box-sizing 屬性。

網(wǎng)友評論