今天完成的事情

继续任务八九，第一个页面基本完成

明天计划的事情

继续完善任务八九，边做边学习

遇到的问题

1.前面做过的东西再次遇到还是不太会

2.用bootstrap布局后，好多细节样式不知道该怎么调，无从下手，还是css不过关啊

收获

1.f12会用了一点，觉得挺方便，但还不熟练，还是要用起来

2.bootstrap会自带很多样式，比如padding，添加样式的时候有时就需要去掉其自带的一些东西，具体操作还需慢慢理解练习

3.页面顶部媒体查询的学习，当屏幕变小时，换另一种样式，这个做了好久，各种出问题，前提是大屏下小屏幕的样式要设为不可见，小屏幕时隐藏之前样式，给其添加适合小屏幕的样式

@media screen and (max-width: 1200px) {

    .header {

        width: 100%;

    }

    .phone{

        display: block;

    }

    .hotline{

        display: none;

    }

    .icons{

        display: none;

    }

    .phone{

        width: 100%;

        text-align: right;

        padding-right: 20px;

    }

}

4.内联样式优先级高于外部样式表，当外部样式不起作用是时，可加！important提高优先级

 .dropdown-toggle{

        text-align: right!important;

    }