0-杂七杂八

CSS全局设置

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

margin: 0; 和 padding: 0; :清除浏览器自带样式

box-sizing: border-box; : 改变元素盒模型的计算方式

原始属性 content-box

以容器内容为目标设置尺寸

.content-box {
  width: 100px;
  height: 100px;
  padding: 10px;
  border: 5px solid;
  box-sizing: content-box 
}

设置属性 border-box

以容器本身为目标设置尺寸

.border-box {
  width: 100px;
  height: 100px;
  padding: 10px;
  border: 5px solid;
  box-sizing: border-box
}