发表于: 2017-03-20 21:35:20
0 618
一,今天完成的事情
浏览了任务十四和任务十五,发现这两个任务关联很大,决定两个何在一起做,将样式拆分成reset,layout和module,借鉴normalize写了reset,写了要用到的布局,弹性,浮动,grid刚开始想的是一个一个的写,从col-xs-1写到col-lg-12,写了一点觉得很别扭,繁琐,不可能用less写这么多样式代码吧,于是想了个法,用变量替代xs,sm,md,还有1-12,最后看了下bootstrapless源码,验证了一波猜想,明天开始写栅格布局。还写了头部和底部的样式,这些都蛮简单,还有一个关键点就是如何用原生css实现导航栏,现在的想法是使用媒体查询,display属性的hidden,下拉菜单实现,明天具体操作看看。
二,明天要完成的事情
把组件拆好,完成任务十四,准备任务十五。
三,遇到的问题
1.发现,将元素浮动之后,元素会脱离父元素的文档流,父元素是block,但是是inline的话就不会脱离,后来查了资料,浮动本来就是用来将元素浮动以让文本围绕周围的,所以浮动之后会脱离文档流(block),但是不会脱离文本流(inline)。
2.less写栅格布局,变量间的运算,百分比less如何表示,这些明天都要再看看。
四,收获
1.学到了符号选择器,“+”和“~”
+,兄弟选择器,元素之后的某个元素。
~,作用是查找某一个指定元素的后面的所有兄弟结点。
2.看了会bootstrap的less源码,了解了less的更多功能,when啊什么的
评论