发表于: 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;
}
评论