发表于: 2017-04-02 20:08:36
1 627
今日所做:
1.继续做任务10的页面,使用bootstrap和媒体查询,根据宽度的变化调整布局;对
细节进行了修改,基本完成了任务10
2.对任务8进行修改,同样是使用媒体查询,对一些特殊页面宽度的布局进行修改。
3.使用bootstrap中的按钮,并对其进行样式修改,已达到自己想要的效果。
4.使用input,并对input文本输入框进行样式修改,使用按钮,对按钮进行样式修改。
5.使用下拉菜单,进入f12调试界面,了解下拉菜单的组成,然后对其样式进行调整。
6.今天在使用媒体查询的时候,发现设置了媒体查询之后,设置的属性没有生效,反复调试仍然没有作用,
经旁边人指点,说是可能跟属性设置的顺序先后有关,于是回头检查一遍,发现媒体查询是在正常页面属性之前设置的,
于是把媒体查询放到了底下,结果生效了,由此可知媒体查询的优先级并不普通的css样式高,两者的优先级是根据两者
放置的顺序来决定的。
明日计划:
开始任务11,学习less或sass
遇到的问题:
1.今天在修改input单选框样式的时候,修改失败了,进入f12界面没有找到可以进行样式修改的div或是其他部件
收获:
可以更加成熟的使用媒体查询功能了,对bootstrap的依赖性大大降低
此外,对之前的任务8进行了修改,成果展示是任务8的链接
评论