发表于: 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






返回列表 返回列表
评论

    分享到