发表于: 2017-04-02 20:08:36

1 626


今日所做:

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的链接



返回列表 返回列表
评论

    分享到