发表于: 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

整理了相似概念之间的区别


返回列表 返回列表
评论

    分享到