发表于: 2018-06-08 18:26:51
2 558
完成的事情
完成任务5。
明天计划的事情
学习任务6,并复习之前学过的知识。
遇到的问题
自我介绍一栏高度要随文字行数变化,一开始使用绝对定位定位文字发现父盒高度为0。无法达到要求。
后使用浮动,外边距来定位内容解决。
收获
1.学会了伪类的使用
::before,::after
::before和::after必须配合content属性来使用,content用来定义插入的内容,content必须有值,至少是空。
伪类可以减少无意义标签的使用,使代码可读性更高同时更简洁。
2.学习了如何使背景自适应
background-size: cover;
让图片随屏幕大小同步缩放,可能部分会裁剪。
background-repeat: no-repeat;
背景不重复
评论