发表于: 2019-05-06 22:05:51
1 832
今天完成的事情:
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实现覆盖效果的时候,我先去看了看一些简单的例子,自己做一些简单的例子来实践,思考它的原理是什么。还有就是学会了在代码里进行标注,每一块代码要实现的功能它的作用是什么都可以标注出来,这样以后再来看就方便多了。
评论