发表于: 2019-06-18 21:38:46
1 808
今天完成了任务五,学到了让html有最大宽度和最小宽度,并让body居中显示,进行适配移动端。遇到了背景图片在背景变大时只会被拉长,后来把背景图片的宽高设置为
,即宽度为背景的百分百,高度随背景高度变化,让图片居中变化而不是仅仅被拉长。
后来看了任务五里的小课堂,知道了vertical-align与line-height的区别,自己的理解就是ling-height是调节每行和每行的空间,即行距的变化。vertical-align则是调节行内元素与这行的位置关系,比如一部分行内元素的底部与这行的底线/基线/顶线/中线对齐。
还去百度了title与h1、b与strong、i与em、img的alt与title、src与href有什么区别。title是网站标题,h1是文章主题,b和strong,i与em的区别则是搜索引擎可以识别strong和em,而不能识别b和i,因此尽量少用b和i。img的alt是图片加载失败的时候里面显示的内容,title则是鼠标指向图片时出现的一个小注释,无论图片是否加载都可以出鼠标离开就没了。src是引入一个东西,然后显示出来,href是引用一个东西,然后顺着路径过去看。
然后又学习了css代码规范,看到如何触发BFC,就去查了什么是BFC,但是没有看完,
准备明天继续,把BFC和css规范看完,再进行任务六。
评论