今天的完成的事：修改任务8的BUG

遇到的问题：1图片会变大小

因为我图片给的是百分比造成的所以给它PX或者做成背景图片就OK了

2 没有顶级菜单

用了媒体查询

当屏幕分辨率到768px的时候

flex布局

居中

3第二个页面去除下划线

我用的方法是text    text-decoration: none !important;

因为bootstrao自带的样式 设置取消样式不管用所以加上了!important

4.当屏幕缩小的时候文字没有居中

用的方法是媒体查询加CSS

5.危险上面的span标签位置不对

我给它换成了p标签去除了p标签自带的maigin

6.微信二维码没有和上面对齐

使用媒体查询

media (min-width: 1200px) {
    .footer-img-1 {
        float: right;
    }}

当最小宽度到1200px是DIVfooter-img-1float：right

7.图片变形

刚开始给的这三个图片统一的高度，造成了图片变形，当我把图片设置成他们原来的大小的时候下面的p标签因为是自适应布局

图片高度不同 P标签的位置也不同， 解决的方法 给p标签不同的margin值

8.这个按钮，点击会有一个蓝色的边框

因为bootstrap自带的button属性怎么也解决不了！

问了师兄

添加这个属性还是不管用

最后还是加了！important：

因为bootstrap 自带的权限比较高

所以很多地方都需要加权重

9.

加了喜羊羊和灰太狼的图片

原理是给盒子一个动画名字和时间4s

给它一个钥匙key

然后插入背景图片

x轴旋转

今天收获很多，上面的都是

明天的事：任务8 提交进行任务10