发表于: 2018-08-20 22:50:19

1 655


今天完成的事情

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


明天计划的事情

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


遇到的问题

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;

    }



返回列表 返回列表
评论

    分享到