一、今天完成的事情：

初步完成任务四，网页的登陆界面设计；所做的代码如下。

二、接下来的计划：准备任务五

三、遇到的问题：

 1、当子元素浮动或者绝对定位时，父容器的高度不被撑开，这样的话会影响布局效果。

　　　解决办法如下：运行后，大多数的人会觉得很明显，这就是一个父容器包裹着两个子容器，但其实没有那么简单，父容器的高度会                                        显示为0，你能看到的只是父容器的边框，而高度并没有被内部的两个子容器的高度撑开。这个时候如果我们为父                                          容器设置背景将不会被显示。 
                                       解决的方法其实比较简单，那就是给父容器增加一个属性，overflow:hidden。 
                                       另外一个有效的方法就是在所有的子元素闭合标签后增加一个 

                                    来清除浮动。这也是一个比较好的做法，通常用在父容器需要设置固定高度的时候，但是又怕内容太多由于设置了                                         overflow而不能显示。这两种方法都是有效的，大家可以在实践中测试。

2、不理解上述解决办法中的 父容器增加overflow:hidden; 这种办法的原理？

四、收获：

明白了网页设计（HTML+CSS）的大概步骤：1、通过UI明确自己需要设计的网页模型；2、初步将网页模型分成几个大的盒子模型；3、根据网页模型在盒子模型中添加相应的内容；

现阶段的难点：由于现阶段学习的是HTML和CSS（网页内容及其修饰），所以现在的难点主要体现在：怎么把一个网页合理的分成几个盒子以及盒子通过什么方式来定位。

五、小结：

以上是我个人现阶段的一些体会，由于我现在水平有限，肯定会有很多大体框架上的错误认知，希望各位师兄弟可以帮忙斧正。以上的记录也可以为我今后的进步做一个标记。