发表于: 2018-05-19 23:22:05
2 695
今天完成的事情:
1、完成了轮播图,
2、完成了轮播图下面的4个LOGO图标。
3、换宿舍搬行李搞卫生弄了一晚上,耽误了不少时间。
明天的计划:
1、将页面一其它的部分完成。
遇到的问题:
1、掉到了以前的坑里,小图标如何跟文字对齐。
以前因为图标的大小和文字差不多,并排在一起并没有发现什么问题,今天排小图标的时候图标跟文字总是差一点。
后来想起来之前任务五的深度思考:如何理解vertical-align与line-height? 看过这方面的文章,line-height行高可以直接控制文字的高度,
直接修改line-height值。因此,只要行高足够小,实际文字占据的高度的底部就会在文字的上面,下面没有了高度区域支撑,自然文字就会浮上去了。
收获:
1、轮播图
将网上的轮播图组件复制下来后,一行行代码关闭尝试,找到了正确开启轮播图的方法,挺开心的。
2、line-height行高
重新复习了line-height行高的相关知识点。
该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。
line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
原始数字值指定了一个缩放因子,后代元素会继承这个缩放因子而不是计算值。
进度:task8
任务开始时间:2018.5.18
预计结束时间:2018.5.22
是否有延期风险:无
禅道:http://task.jnshu.com/zentao/project-task-697.html
评论