‍‍‍‍

今天完成的事情：

    1、写完了task3；‍‍

    2、将写完的网页传到了‍‍‍‍服务器上，地址是http://www.zuihaodewomen.com/task3/task3.html，代码地址是https://github.com/duol‍‍a8789/TASK3；

    3、总结task3。

明天计划的事情：

    1、明天晚上在单位值班，正好在单位试着写task4；

    2、了解一下相对定位的概念。

遇到的问题：

    1、写task3的过程中，遇到的最主要的问题就是高度的自适应，只能将高度设置的很大才能在不同的屏幕上都布满，但是问题就是有的地方会导致页面过长，向下滑动又只是无意义的背景，不能根据屏幕的大小来调整页面的高度。上网查了一下，可能需要用到js才能解决这个问题，暂且先放到这里，继续做其他的task，没准有其他的方法；

    2、看一些资料的时候，会发现说不要滥用div，不要导致不必要的结构出现，可是我现在的页面几乎每一个或两个元素就装在了一个div里面，不知道这算不算是滥用，有时候想的也会过多，总是会考虑到这样的形式会不会影响后期调整。

收获：

    1、感觉布局是最重要的，要先想清楚如何布局；

    2、学习了a的样式（扩展）：

        a {text-decoration:none} 清除链接的下划线；

        a:link {color:blue} 改变链接未点击状态的样式；

        a:visited{color:blue} 改变链接点击后状态的样式；

        a:hover{color:blue} 改变鼠标悬停链接状态的样式；

    3、用float布局，要先规定width，而且元素是浮动到右上/左上角，不同的div容易在垂直方向无法对其；用table布局就可以实现完美对其的布局，text-align和vertical-align；

    4、绝对定位absolute的元素会被流元素完全忽略，float的元素被块元素忽略（浮动在页面上），但内联元素会避让float的元素；

    5、两个绝对定位元素，谁的z-index值大，谁在屏幕上更靠外；

    6、绝对定位是距页面边界定位，固定定位fixed是距离浏览器边界定位；

    7、img与文字横排时，默认不是中心对其的，需要用vertical-align：middle对齐；

‍‍‍‍