今天完成的事情：完成任务5，深入思考任务5；开始任务6；
明天计划的事情：进行任务6，明白雪碧图，知道下拉框；
遇到的问题：自我介绍后后边框会变化；（给自我介绍再加一个盒子，再设置边框）
收获：position: fixed; 定位：元素的位置相对于浏览器窗口是固定位置。 就算是窗口变化他也不会变化。

任务5深入思考：1.css可以绘制哪些常见的特殊形状？

正方形#square {     width: 100px;     height: 100px;     background: red; }

矩形#rectangle {     width: 200px;     height: 100px;     background: red; }

三角形#triangle-up {     width: 0;     height: 0;     border-left: 50px solid transparent;     border-right: 50px solid transparent;     border-bottom: 100px solid red; }

平行四边形#parallelogram {     width: 150px;     height: 100px;     -webkit-transform: skew(20deg);        -moz-transform: skew(20deg);          -o-transform: skew(20deg);     background: red; }

2. 如何理解vertical-align与line-height？

line-height：一行的时候垂直居中，它是行间距，是基线与基线的距离，vertical-align不管有多少行，都可以垂直居中，vertical-align 属性设置元素的垂直对齐方式，是行内元素的基线相对于该元素所在行的基线的垂直对齐。它还可以设置单元框的单元格内容对齐，

在设完disply-table时用他来对齐。

3.请解释一下CSS3的Flexbox（弹性盒布局模型）以及适用场景？

在flexbox中，盒子是有垂直和水平的两个主轴存在的，利用两个主轴来对盒子里的子元素进行排列，比如垂直居中水平对齐等。。

  4.title与h1、b与strong、i与em、img的alt与title、src与href有什么区别？

title是说明整个网站的主题，h1是网站中的内容的标题；

b与strong，i与em表面没区别，但在搜索引擎搜索是识别不了b和i标签；

src是内容的来源，href是去往的地点；

  5.如何使用IconFont？  

6.HTML中dl、ul、ol用哪个比较好？

自我感觉没什么区别；dl是定义列表，有前后之分；

ul是无序列表，没有限制随意添加li；

ol是就序列表，会随着li的前后顺序进行排列。