今天完成的事情（5、6个小时）

  1.完成任务3的3~8.5；

  2.学习了HTML的相关知识，学习了CSS的选择器相关知识；

  3.今天到晚上才开始完善网页，学习了相关知识，对网页布局的思路清晰了一些，但也发现了些问题；

  今天只能这样

明天计划的事情

  1.尽力完成任务三；

  2.学习师兄让我看的媒体查询（太晚了没精力看了-。-）；

遇到的问题

  1.一开始块与块之间有空隙，颜色是白色，不知咋整；

  解决方式：网上搜了下，div前后都会有折行；之后思考了一下，哦，可以给body加背景色哦，不用一块块加那么麻烦。

  2.上图下面两个图标，一开始不知道怎么调整成两个块分别于网页两边距离相对固定的样子；

  尝试：给第一个图标margin-left，给第二个图标margin——失败~

  思考：两个浮动了第一个图标右边没有margin和padding，第二个肯定粘着第一个啦~

  尝试：思考了下盒子模型，给第二个图标margin-left，经过粗略计算给个恰当的值，——成功了~

  3.呵呵愚蠢的事情要来了，给他们几个top、bottom的值都给固定值，发现缩小之后会溢出，再给百分数值，还是溢出；

  师兄说，给固定值；

  对啊给了固定值还是溢出啊！呵呵呵呵呵因为图标没有缩小呀╮(╯▽╰)╭蠢哭了；

  然后给了固定值，貌似固定了!

  4.可是在屏幕足够大或者足够小的时候，相对屏幕，高度不算是固定呀_(:з」∠)_不知道咋办。。。

收获

  1.学习了HTML相关知识：

   ①HTML元素分类：

     a.块级元素：在浏览器显示时，以新行开始和结束；

     b.内联元素：在浏览器显示时，不会以新行显示；

   ②HTML一些文本的标签：address、cite、bdo、br、blockquote、q、abbr、dfn、hr/；连接标签：a；

   ③列表table：行tr，行里的单位td；边框，要定义了属性才有边框如border=“1”；th表头，默认粗体居中的文本；

   ④列表list，分类：

     a.有序列表ol，行li；圆点作行头标记；

     b.无序表ul，行li；数字作行头标记；

     c.定义列表dl：列表项dt；定义dd；

     ps：可以嵌套；

   ⑤div：组合其他HTML元素的容器；块级元素；浏览器前后显示折行；

   ⑥span：内联元素；文本的容器；

   ⑦HTML的属性：为元素提供附加信息，如<div name="">;

  2.学习了CSS选择器：

   ①元素选择器又称类型选择器：p、h1、a等；

   ②派生选择器:根据文档的上下文关系来确定某个标签的样式（通过尝试，我认为这个意思是在HTML代码中出现的标签，可以在CSS中运用）；

   ③id选择器：标有特点id的HTML元素制定特定的样式；如<div id="xx">  #xx{};

   ④派生选择器与id选择器可以结合运用；

   ⑤类选择器：在元素标签里有class=“xx”，CSS中可以.xx{}；

   ⑥属性选择器，拥有制定属性的HTML元素设置样式：如<p align="center">CSS中【center】{}；

  3.自适应相关知识：

   ①定义：自动识别屏幕宽度，做出相应调整；

   ②viewport元标签：meta name=“viewport”content=“width=device-width，initial-scale=1”/>

   ③相对大小的图片：igmg{max-width：100%}。

日报约1个小时，懵懵懂懂懵懵懂懂啊，需要写代码练习啊！！说起来我的代码写得不怎么整洁，不满意！明明改了路径上传了图片，网页图片竟然不出来！哼！明天再搞！