1. 今天完成的事：
   

一、今天继续看了bootstrap的栅格系统，其中有一个看到一个把“col-xs”“col-sm”“col-md”的写法，就比如

<div class="row">
<div class="col-xs-12 col-sm-6 col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div> 
<div class="row">
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
<div class="clearfix visible-xs-block"></div>
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
</div>

这是呈现出来的效果，怪我不懂看不出什么不同。只是我想到会不会这么写他能适应手机端、电脑端、平板的分辨率，不会产生变形。

二、第二个看了把父元素设置透明子元素不透明，一般我们透明都是用opcity来实现，但是这个会让子元素一起透明，网上看了的方法是用rgba来实现，比如rgb（255,255,255,0.5）前三个是三原色的值最后一个就是透明值了，用在这个可以实现父元素透明子元素不透明，但是不懂为什么用opcity就不能实现，后面在网上看到是因为opacity作用于元素，以及元素内的所有内容的透明度，而rgba()只作用于元素的颜色或其背景色。具体为什么也没有讲。

三、页面的点击切换效果，用<a href=""></a>链接你要跳换的页面名称就行了。

明天计划的事：

1、用上面看的bootstrap方法重做任务七第二页面。

2、解决今天的问题

遇到的困难：

上面讲了两条还有一个问题。

这种文字的间隔，我想的是有没有一种方法我直接打一段字想在哪里产生间隔就产生字间隔，我在网上没找到。

收获：

各种问题导致任务进度拖慢，我觉得应该先把现在遇到的问题解决不是到后面再遇到也还是会拖时间。