盒模型
- 网页就是多个盒子嵌套排列的结果
- 内边距出现在内容区域的周围，当给元素添加背景色或背景图像时，该元素的背景色或背景图像也将出现在内边距中
- 外边距是该元素与相邻元素之间的距离
- 如果给元素定义边框属性，边框将出现在内边距和外边距之间
IE 6背景色不能穿透边框，非标准的盒模型
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
去边框写法
IE 6中image标签默认有边框
img {
border: 0 none;/*去掉默认的边框*/
}
外边距
顺序：上右下左
可以是负值，重叠
