READING
CSDN
小白成长记
用时一天左右
总代码行左右
原网站
模仿板
这次实践收获颇多，对于CSS盒子模型有了更深一层的理解。对于浮动定位和边距等有了新的理解。这次做的区别于前两次的是，我采用了先整体在局部的方式去做，先把整体框架都写出来，再去细化每个框架中的内部。
新理解
这次尝试了一种新的方法：先分块，然后把这些块都写出来，然后再细化他们。再有一个就是，在设计整体布局的时候可以把这些模块都设置背景颜色，这样对于整体布局就可以有一个很好的分析，在布局好整体之后再去掉这些颜色。这次区别于第一次的是：第一次做的时候用的都是绝对定位，而这次大部分是浮动定位。上图是对于边距的一个划分。对于浮动定位需要给两个块都设置浮动定位才能产生碰撞的感觉，比如上图，先给白色设置一个float:left，下面的黑色就上去了，但是黑色默认的是去碰左边father的边框，但如果给黑色也设置一个float：left，那么黑色部分就会去碰白色的块。
对于布局分析
观察网站可以看的出来它的大概布局。在这里我先分成了两块：上部分标签部分和下面内容部分。
对于内容部分又分成了三块，左面menu部分和中间middle以及右面right部分。这样menu、middle、right就是兄弟关系，与father就是父子关系，就是说这三部分受整体的father控制。
继续细化内容三部分中的小块。观察网站可以看得出来。左面menu是一个长条，中间分为了上面图片轮播（暂时不会）和下部分一些链接等，右半部分则分为了三份，两个类似表单，一个登录注册会员部分。
将所有的颜色都去掉，就变成了一个完整的整体大概布局。
代码
!DOCTYPEhtml
htmlxmlns="