1、新建html文件。
2、创建两个div，并赋予id。
3、为两个div设置宽高和背景，并设置左右浮动。
4、预览效果如图。
5、创建第三个div。
6、为第三个div设置宽高和背景。
7、预览效果如图。
注意事项：
随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。
有两种方法：a 是行内标签，不能设置高宽和外边距margin，但能使用内边距padding如果你不固定大小 ，应用padding
需要用固定大小，把它变成行内块标签display: inline-block,这样后就可以设置高宽了，
移动10px也有两种：
这10px算a标签内，就用padding-left:10px
这10px不算在a标签内，就用margin-left: 10px注意：需设置成行内块元素才可以设置外边距，否则无效；
自己试试吧！！！
margin_left：30px或者padding：0 30px 0 0；
padding：0 30px 0 0； 意思是内边距上=0 ，右=30px，下=0，左=0
