发表于: 2018-05-15 23:11:53

6 618


【日报格式】

今天完成的事情:完善了任务8&9
明天计划的事情: 任务10
遇到的问题: 

一个小坑。。

菜鸟教程的boostrapcdn地址挂了
换了bootstrap官方的页面css还是崩,因为jquery的地址没有放在js之前

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->


收获:


任务8-9总结:


在写页面之前要先构思好页面各个块的布局方式,之前依赖flex布局但bootstrap3不兼容所以在这个任务里补了很多浮动布局和绝对定位布局的知识,目前用到的布局方式都总结在脑图中。

bootstrap栅格式系统是一个页面布局利器,常用参数比如断点屏幕的大小、列宽需要计一下;另外样式自定义,那么媒体查询也要注意重写。


缺憾的话就是我觉得自己对浮动了解的还是不够透彻,不够全面;hover事件一直没有找到比较全面的教程所以每次写一个新的样式都要百度很久;bootstrap栅格式系统需要下载源码这样理解的更透彻。


响应式rwd(媒体查询)和自适应awd的区别

其实这个问题也困扰我很久,我的理解是响应式是一个css对应多个设备,自适应需要针对不同设备写多个css样式表,响应式是自适应的子集。

贴上两篇资料:

https://www.zhihu.com/question/20628050?rf=24334181





返回列表 返回列表
评论

    分享到