视频播放地址: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*/
}

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