发表于: 2018-06-29 00:49:08

3 789


今天完成的事情:

      1. 整合了一下之前写的代码

      2. 学习了雪碧图的制作和使用

      3. 去学习并尝试了bootstrap的使用

      4. 任务6的代码编写

明天计划的事情:

     1. 尝试提交任务6,看看是否能符合要求,不符合就根据师兄意见继续修改

遇到的问题:

     1. 开始导入bootstrap相关文件时出错,导致不能使用该框架。后来发现是导入的路径写错。

     2. 开始使用bootstrap时,该框架本身的样式不是我所需要的,不知道怎么在此基础上修改。后来查资料发现可以在class里再添加一个类名,然后写入自己需要的样式进行覆盖。

     3. 雪碧图除了可以用div来装以外,其他还有什么容器可以装么?在写代码时试过用<i>和<span>标签,都没能将雪碧图显示出来,但之前看资料时发现有人用<i>标签把雪碧图显示出来了,想不通为什么,难道是因为png和jpg的原因么?

     4. 自适应问题,在container-fluid的布局下,手机视图下字体大小能占满屏幕刚刚好;但电脑视图,中间空格部分太多,有什么好的解决办法么?

        

       5. 最近加班挺多,所以最近用来完成任务的时间比较少,进度拖后了。争取在空闲时间赶上。

       

收获:

         1、学会了制作和使用雪碧图

         2、学会对bootstrap中的插件、样式以及栅格系统的使用

         3、随着越来越多的使用,对盒子模型有了更深刻的理解

         4、!important的用法

         5、 当屏幕过窄时,设置其文字显示为省略号的方法

         6、 对CSS选择器的优先级有了更深刻的记忆,即:在不同级别时, !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性。 在同一级别时,同一级别中后写的会覆盖先写的样式。


返回列表 返回列表
评论

    分享到