视频播放地址：https://www.liminghulian.com/course/1/learn/140

　　本节课讲解使用DIV+CSS对首页进行页面布局，首先对首页进行整体规划，划分出4个“盒子”，使用四个DIV来表示，在本节内容中还将为大家讲解使用firefox（火狐）浏览器的开发者工具来编辑CSS。本节中的新知识点是使盒子居中可以使用margin来控制，margin属性值可以是1个，2个或者4个，1个时表示上下左右都是使用此值，如果写两个值则第一个值表示上下，第二个值表示左右，如果是四个值则顺序是上、右、下、左的顺序。CSS代码如下

div{
  margin:0px auto; /*盒子上下外边距为0px 左右auto可以使DIV居中显示*/
}

div{
 margin:0px 1px 2px 3px;/*盒子上右下左边距分别是 1 2 3 4 px */
}

div{
  margin-top:2px;
  margin-bottom:3px; /*可以单独对某个边框设置margin*/
}

详细内容请观看视频教程。