今日完成：

任务四完成

明日任务：

1. 学会雪碧图

2. 任务五

3. 三种流比较深刻理解，能较准确的应用

4. 垂直居中方法

今日遇到的问题：

1. 选择器方面：a.  header是作为标签选择器，在css中不能够写成.header{}  

2. <div><a>hi</a></div>  设置<a>里面的字体颜色  需要在<a>内联设置或者<a>外联，不可以直接在div设置。

3. Input默认有背景颜色。

4. 导航栏设置position:fixed固定时，下面的文档会涌到上面导航栏原来的位置，原来是因为设置了fixed也脱离了文档流，需要清除浮动或者加margin数值才可以。加上margin-top后，问题就解决了。

5.  Body{Overflow:hidden} 导致滚动条不作用，原来overflow:hidden 不能随便用，他不只有清除浮动作用，还有隐藏溢出作用。具体如下：

当父元素的高度是靠子元素撑开的时候，子元素浮动时，则在父元素使用overflow: hidden可以清除浮动，使得父元素的高度依旧是靠子元素撑开。

当父元素自身设置了height属性值，则在父元素使用overflow: hidden可以使子元素超出父元素的那部分隐藏。

6. 在设置input表单属性时，设置的line-height等于盒子高度，但是发现input还是稍微低于盒子一点的，经过F12调试发现，input自带了padding：1px;虽然在开头已经设置过了padding：0；但是又重新设置了一边input{padding:0}之后就解决问题了。

今日收获：

1.水平居中对齐方式：

   A.如果需要居中的元素为常规流中inline元素，为父元素设置text-align: center;即可实现

   B.如果需要居中的元素为常规流中block元素，1）为元素设置宽度，2）设置左右margin为auto。3）IE6下需在父元素上设置text-align: center;,再给子元素恢复需要的值

   C.如果需要居中的元素为浮动元素，1）为元素设置宽度，2）position: relative;，3）浮动方向偏移量（left或者right）设置为50%，4）浮动方向上的margin设置为元素宽度一半乘以-1

D.如果需要居中的元素为绝对定位元素，1）为元素设置宽度，2）偏移量设置为50%，3）偏移方向外边距设置为元素宽度一半乘以-1

E.如果需要居中的元素为绝对定位元素，1）为元素设置宽度，2）设置左右偏移量都为0,3）设置左右外边距都为auto

2.Css并排同列排布：

当类名不一样时，每个要并排显示的都要设置：float:left（right）;/display:inline;

3. .熟悉使用不同IDE的快捷键，高效工作。