
0-杂七杂八
CSS全局设置
代码
1 |
|
margin: 0;
和 padding: 0;
:清除浏览器自带样式
box-sizing: border-box;
: 改变元素盒模型的计算方式
区别
原始属性
content-box
以容器内容为目标设置尺寸
1
2
3
4
5
6
7.content-box {
width: 100px;
height: 100px;
padding: 10px;
border: 5px solid;
box-sizing: content-box
}
设置属性
border-box
以容器本身为目标设置尺寸
1
2
3
4
5
6
7.border-box {
width: 100px;
height: 100px;
padding: 10px;
border: 5px solid;
box-sizing: border-box
}