今天完成的事情：

       今天的任务是最头痛的一天，第一个页面写出来了，但是很多地方都没搞懂，一点一点删代码平凑起来的。

明天计划的事情：

      bootstrap看完，把里面的一些有作用的署名搞懂到底是什么意思。然后继续写剩下的两个页面。
遇到的问题：

      今天最大的问题就是bootstrap的一些署名本身自带的一些效果，有些效果用不到需要在css页面修改样式，今天遇到的最大问题也是这里，改的头昏脑涨的，最后效果还是没出来。

<ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
</ol>

这段代码在轮播图例是最下面页面的四个小圆点，而且还能起到页面标注的作用，用chrome的调试一个一个找属性该的背景色改的放置位置，找了好久，最后也只能改个颜色，还好任务要求的效果不复杂，不然就得跪在这了

收获：

    今天最大的收获也是轮播图，虽然整体没搞懂，但是翻页效果直接是从html代码里删减搞出来的，不用在chrome找半天属性去修改样式了，

<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">

<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

<span class="sr-only">Next</span>

</a>

right carousel-control：这个属性右边垂直居中对其并且有个黑色半透明的渐变色的背景。

href="#myCarousel"：这个是锚点效果，连接轮播图最开始的那个div的ID。

role="button":这个role 本质上是增强语义性，强调这里是个按钮。

<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>这个就是两边的白色三角

下面的span没太搞明白，搜到的是说增强阅读性，删掉后没看出来太多影响。

如果想把这个默认的轮播图改成任务需要的样子，只保留这三个就行，最后给个署名在css样式里把切出来的黄色三角形带入就行了，当然三角形也可以用盒子旋转显示的效果写出来，就是比较麻烦，没有带入图片来的轻松。

<a href="#myCarousel" role="button" data-slide="next" class="ico"></a>