今天完成的事情：完成task7的第二个页面。完成调整task7的两个页面布局和代码。

明天计划的事情：进行任务8。

遇到的问题：（遇到什么困难，怎么解决的）

Q1：在li中的span设置宽高但是无法显示span

A1：span设置display:inline-block，行内元素无法使用高宽来设置大小。只能靠内部内容撑开。只有块元素才能设置高宽。

Q2：给ul设置阴影有问题，有上左右的阴影，没有下阴影。下边缘阴影直接不见了。

A2：ul的父元素有overflow:hidden;，导致下边缘阴影直接被隐藏了。去掉overflow:hidden;成功呈现阴影效果。

收获：

box-shadow: 0px 0px 12px 0px #dddddd;  五个参数分别是：

阴影X轴移动(左右移动）  阴影Y轴移动（上下移动）模糊距离（浓密程度）  阴影的尺寸（宽度）   颜色

代码示例网站：http://www.w3school.com.cn/tiy/c.asp?f=css_box-shadow

box-shadow和border-radius属性，需要加上-moz-和-webkit-前缀的形式（增加其他浏览器支持）

margin 针对于外边框外边距，padding针对于内边框内边距。有时候元素没有设置border，分不清楚元素的边框位置，

容易搞混这两个元素。

今天宇飞师兄看了看页面，发现我的页面布局有些问题，页头和页尾我设计错了，PSD中为1920px，实际只要设置为width: 100%就行，而不是设置width: 1920px。明天得改改布局。

学会了使用来两张背景图片替换来达到hover联动效果。待会得看看行框方面的知识，今天碰到了有些疑惑。

晚上CSS新人们一起开了个小会，大家都讲了讲各自的进度以及今天遇到的一些问题，再次十分感谢吴俊杰和周敬鹏两位师兄的旁听与解答。稍后会把内容整理到葡萄藤论坛并附上链接地址。

PS：服务器还是上不去，已经和小四姐姐报告了此情况。