发表于: 2019-05-06 22:05:51

1 830


今天完成的事情:

1,给任务八和任务九做了最后的修改,

这行文字应该在手机上看不折行

这一行两个行内元素垂直对齐,怎么对齐呢,在两个元素上都写上vertical-align:middle;就对齐了

这一行应该给每一个盒子一个固定的高度,要不然高度因为文字的多少而不一致

2,以前一直对垂直居中的方法没有总结,今天看了vertical-align的用法,它是行内元素和行内块级元素才有的,默认baseline对齐,图片的baseline就是图片底部,图片设置vertical-align:middle;是让其他元素的基线对齐它的中线

明天要做的事情:花点时间进行深度思考,总结一下之前学过的知识,开始任务十的html编写

遇到的问题:暂无

收获:这个任务终于做完了,好开心那

任务总结:

任务名称:CSS=TASK8/9

成果链接:https://travelerone.github.io/learngit/task8-1.html

任务耗时:2019.4.28~2019.5.6; 9天 无延期

个人脑图:

官方脑图:


任务总结:


1.两个任务用时九天,稍慢,主要是刚开始静不下心来,浪费了时间


2.对比官方脑图,主要还是用bootstrap的组件,熟练的运用媒体查询做响应式


3.任务八任务九是写官网首页,写下来觉得还是成就感满满,这么大的页面还是得一个模块一个模块的编写,急不得。在写轮播图和导航栏的时候,就一点一点的去看官网是怎么写的,每一个标签的含义是什么,然后我要怎么写会好一点,先模仿再运用。在写hover+transition实现覆盖效果的时候,我先去看了看一些简单的例子,自己做一些简单的例子来实践,思考它的原理是什么。还有就是学会了在代码里进行标注,每一块代码要实现的功能它的作用是什么都可以标注出来,这样以后再来看就方便多了。




返回列表 返回列表
评论

    分享到