发表于: 2018-06-29 00:49:08
3 788
今天完成的事情:
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选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性。 在同一级别时,同一级别中后写的会覆盖先写的样式。
评论