今天完成的事情：

根据师兄的点评重新优化了任务5

1.用简单图形制作小图标

2<hr>效果用边框实现

3.按钮改为<button>标签

4.列表<ul><li>

5.单位换为rem

6.background简写

7.中间部分用<main>标签

明天计划的事情：
任务6

遇到的问题：

1.上次日报提到的滚动条的问题：利用overflow-y属性解决

为content添加overflow-y: scroll;属性及bottom:70px;（等于footer的高度）

2.师兄提到的标签语义化的问题，参考博客

https://www.cnblogs.com/fliu/articles/5244866.html

收获：

1.background简写规则：

      background: #00FF00 url(bgimage.gif) no-repeat fixed top;

顺序是background-color，background-image，background-repeat，background-attachment，background-position。

如果要体现background-size写法：

background:#f00 url(background.gif) no-repeat fixed 0 0/100px 100px;
       “ / ”前面的 0 0 ，就是background-position， 后面的100px 100px， 就是background-size的值，这种格式下，
        background-position的值不能省略。

2.标签语义化：

总结：1.尽量少使用无语义的div及span（刚好是我最经常用的>_<）

 2.纯样式标签尽量不用，改为用css设置。例如<b>,就应该在css中设置font-weight:bold; <u>应该在css中设置text-decoration:underline;

           3.html5中用<header>页眉或标题  <footer>页脚或底部 <main>主要内容 <hgroup>包裹多个标题 <nav>主要导航栏  <aside>附属信息侧边栏  <section>节或段  <article>在文档中自成一体的内容比如博文，评论