发表于: 2019-03-02 23:47:20
1 714
今天完成的事情:
看了任务五的深度思考
1. 如何理解vertical-align与line-height?
行内元素line-height可以有以下值
1)数字:相对于本身的字体大小
2)长度:比如px/em,px是固定值,em是相对与父元素的字体大小。
3)百分比:相对本身字体大小
4)normal
用数值1.5比较好,其他的em和%会有继承性、px是固定的,都有可能导致字体上下重叠。
vertical-align就是垂直方向对齐在哪根线的位置。
2. title与h1、b与strong、i与em、img的alt与title、src与href有什么区别
1)title与h1的区别
title显示在网页Tab栏里;h1是显示在网页中的。
2)b与strong、i与em的区别
b与strong都是加粗、i与em都是斜体,他们呈现的效果是相同的。b和i,仅仅表示显示效果。strong和em,表示这个内容的重要,是可以被搜索引擎识别的。
3)img的alt与title的区别
alt是在图片不能加载时,在页面显示的提示信息,它会显示在原本加载图片的地方。title属性是在你鼠标悬停在该图片上时显示的提示。
4)src与href的区别:浏览器会不会等链接内容加载完再继续下一步。
href:当我们写<link href="style.css" />,html的解析和渲染不会暂停,css文件的加载是同时进行的。
src:遇到js和img的src的时候, 页面的加载和解析都会暂停,直到浏览器执行完这个js文件/图片。这也是为什么要将js文件的加载放在body最后的原因。
总结:href用来引用css文件和网站链接,src引用js文件和图片
明天计划的事情:
提交任务五
完成剩下的深度思考
遇到的问题:无
收获:
了解了line-height,vertical-align
整理了相似概念之间的区别
评论