今天完成的事情：

1完成task8.

2完成40%的task9吧。

明天计划的事情：

1做完task9.

2注意知识点的累计和知识点之间的联系。（知识点太散了）

问题：

样式应用了却不生效？

你可能会注意到了，元素信息中有些样式被划了横线，还有一些是灰色的。灰色代表浏览器不识别（比如 webkit 内核的 Chrome 是无法识别 -moz- 前缀的 css 属性的。划了横线则代表该属性被覆盖。

CSS 有其一系列的优先级设置，当然详细说起来就话太长太长了，各位可以随用随百度。这里要提醒一句的是，!important虽然很万能流逼，但是覆盖起来太困难了（这是优先级处于核弹级别的语句），js都奈何不了，所以一定要慎用慎用（能不用就别用…）

如果想知道属性是被谁覆盖的，则可以在右侧布局信息的下方，找到你想查看的属性，点击打开下拉三角，就会出现所有在该元素上生效的属性，当然只有最上面一条显示了，而下面的若干条都会被划上横线，属性的右侧会有该属性来源的 css 文件。在使用了 css 框架或者多个 css 文件的时候，这个工具会帮你快速定位到出问题的属性。

还有一种情况，是在样式属性前面出现了一个黄色三角的警示标志，那意思就是…你拼错啦 -v-

nav标签快速理解掌握 (那nav存在的意义是啥呢？)
Nav是与导航相关的，所以一般用于网站导航布局。同时完全就像使用div标签、span标签一样来使用<nav>标签可添加id或class，而与div标签又有不同处是，此标签一般只用于导航相关地方使用，所以在一个html网页布局中可能就使用在导航条处，或与导航条相关的地方布局使用。

box-shadow 属性向框添加一个或多个阴影。
http://www.w3school.com.cn/cssref/pr_box-shadow.asp

前两个值分别设置阴影区水平和垂直方向上的偏移量，第3个值设置阴影宽度，第4个值设置阴影颜色。

CSS旋转&翻转，兼容方案
http://aijuans.iteye.com/blog/1936492

CSS3 backface-visibility 属性(可以隐藏被旋转的 div 元素的背面)

http://www.w3school.com.cn/cssref/pr_backface-visibility.asp

收获：

1合理的开发思路：布局（1级结构->2级结构->...->...）后定位接着加样式的还原页面过程

2 CSS3 :last-child 选择器

   last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。

.main-head li:last-child{
    margin-right: 0;
}