盒模型指CSS布局中HTML中的每个元素（特别是块儿元素）在浏览器的解析中都可以被看作一个盒子，拥有像盒子一样的外形和平面空间，盒模型如同工厂的模具一样，他规范了没一个网页元素的显示基础。
完整的盒模型是由content（内容）、border（边框）、padding（内边距）、margin(外边距)这四个部分组成。
MARGIN属性
margin属性就是盒模型中的外边距，或者也可以称为外补丁或者外框，是围绕在元素边框外的空白区域。margin属性接受任何长度单位，可以是像素、英寸、毫米、百分数或em，建议用像素这一长度单位，因为要制作高质量网页就必须对像素严格要求，尽可能精确到一像素。 margin属性的默认值是0，所以没有margin声明一个值就不会出现外边距。但实际上，浏览器对许多元素都提供了预定的样式，外边距也不会例外。
margin的语法：margin-top|right|bottom|left
PADDING属性
padding属性就是盒模型中的内边距，padding和margin的差异在于，margin是块儿元素独有的属性，而padding是块元素和行元素所共有的属性。padding属性定义元素边框与元素内容之间的空白区域。
padding的语法：padding-top|right|bottom|left:length|百分比
BORDER属性
元素的边框是围绕元素内容和内边距的一条或多条线。CSS border属性允许你规定元素边框的样式、宽度和颜色。
border的语法： border-top|left|right|bottom
以上内容对页面布局起着关键性的作用，初学者要特别注意。