http://kkkchen.github.io

今天完成的事情：

1 基本完成task5，感觉总有些对齐没有绝对对齐；

明天计划的事情：

1 研究table-cell的使用方法；

2 研究图片和文本如何居中对齐；

遇到的问题：

1 把之前task3遇到的问题解决了

把设置height改为min-height即可

2 select设置其宽度后，如何让文字水平居中，垂直居中？

3 task5的竖直border线中间明显，到两边逐渐消失是怎么实现的？

收获：

1学到新单位：（但是兼容性不怎么好，慎用） 

1vw 等于1/100的视口高度

1vh 等于1/100的视口高度

2 学到如何使用图像背景实现视差效果，到时抽空修改一下自己的主页；

3 图像替换：因为有些文字无法用css实现显示，只能用图像（例商标等）

a.FIR：将图像背景化，再输入文字并使用display：none或visibility：hidden实现；

（缺陷：如果使用的是屏幕阅读器，将无法获取文本，造成严重的可访问性问题）

b.Phark：将图像背景化，再将输入的文字设置非常大的负值文本缩进：text-indent:-5000px等

（缺陷：如果设备设置不显示图像或网速过慢无法加载到图像，那无法看到该区域显示什么内容）

c.sIFR：使用js搜索文本并替换成一个小的Flash文件，Flash文件中的文本是可选择（即复制粘贴的）

（缺陷：需要页面完全加载后，才会替换成Flash文件，所以在大型网站避免使用）

4 :target伪类实现Tab切换效果，其核心就是把目标设为z-index：1；

5 可以使用：hover和display：none来制作提示；

6 使用overflow：hidden来实现让父元素包含浮动的子元素；