发表于: 2018-05-27 23:09:41
1 596
今天完成的事:
1、写任务10;思路很卡。
之前的很多方法居然没有记得,不是不会,是居然没有记得运用,看来要抽空总结一下笔记。
明天的计划:
1、继续完成写完任务10。
虽然今天重写有点痛苦,但是应该能写完。
毕竟新知识的难点我在小课堂上面写过demo,好很多。
遇到的困难:
1、我发现了自从加入了响应式以后,绝对定位体系就显得很是局促。在响应式后,术语决定定位的范畴会发生各种奇怪的现象,甚至有一些“鬼畜”般的跳动行为;也开始理解了慢慢的不用position的理由。
2、下午小课堂的时候听了一下js的函数声明和函数表达式,我整个人是这样的,尽管亚洲师兄讲的很清楚,进度太慢了我,要加快结束css;
收获:
1、发现一个关于栅格布局的知识:col-md-offset/push/pull:
首先看这3个英文单词的中文含义解释:offset 补偿(课本上或相关教程上一般都把这个叫做“偏移”),其实就是在左侧补列(1~11列);push 推;
pull 拉;偏移、推、拉,都有一个参照物,即相对的位置,那就是左侧, 相对于左侧偏移、推、拉 ;
写法比如:
col-md-offset-3(在左侧补充3列)
col-md-push-8(从左侧往右侧推8列)
col-md-pull-2(往左侧拉2列)
从效果上看offset和push效果一样,其实采取的方法是不同的,offset是直接在左侧补列达到偏移的效果,push是通过位置移动达到移动的效果;之前没有注意这个,它的原理是position:relative来实现(F12看了一下bootstrap的源码)。之前以为栅格挺简单的,就没仔细看,忽略了一些东西。
2、今天主要是复写了一下,所以新知识比较少。
进度:CSS-任务10
开始时间:2018.05.22
评论