发表于: 2018-05-24 23:57:24
3 439
今天完成的事情:初步学习了bootstrap,利用Bootstrap 勉强实现了任务6
明天计划的事情:继续学习Bootstrap
遇到的问题:
1.为什么加入字体时必须要用伪元素,两个冒号的伪元素,和一个冒号的有什么不同(伪元素和伪元素对象什么区别)
2.用Bootstrap上的字体图标不需要引入字体文件
-->引入bootstrap之后,直接给一个空元素添加自己想要的图标类名,就直接显示了,甚至不需要下载字体库到本地
3.样式与bootstrap冲突
-->设置id的样式层叠掉Bootstrap的样式
4.渐变的border只有放大有显示,百分之百时无法显示
/* 设置border的渐变效果无作用,放大却有
border-left:1px solid;
border-image: -webkit-linear-gradient(#fff,#e2e6e7,#fff) 30 30;
border-image: -moz-linear-gradient(#fff,#e2e6e7,#fff) 30 30;
border-image: linear-gradient(#fff,#e2e6e7,#fff) 30 30;
*/
-->只好用图片代替了
5.这个案例使用bootstrap 真的是很费劲!!!!!!
收获:
- 生态圈火,不断地更新迭代
- HTML+CSS编码很规范
- 让web开发更加便捷
- 如同引入CSS文件一样
- 添加条件注释,使ie9以下浏览器可以使用html5的新标签,和响应式
评论