line-height的作用
- 设置元素行高;之前的学习中有用它来调整行间距,在单行文本中当其与
height
相等时可实现垂直居中。
CSS属性的兼容性查询方式
- 打开caniuse.com输入需查询的属性名;
inline-block
的兼容性见下图:
a 标签的href, title, target
- a标签的href是指超文本引用,其内容是要跳转的链接目标;
- title是当鼠标悬停在a链接上时,显示的对将要跳转的链接的关键词或缩略提示;
- target是告诉浏览器在哪里打开a链接,可用_blank在新窗口打开,还可标记id打开页面直接定位到对应id;
- title是对a链接跳转目标的文字注释补充,并不能代替链接内容;而alt是img元素在网络卡顿或加载失败时显示的用于代替图片内容的信息,对搜索引擎和屏幕阅读器很友好。
- 在a链接的目标地址后添加 target=“_blank” ,如
<a href="链接地址" target=“_blank” >
display: none , visibility: hidden, opacity:0 的作用及区别
-
display: none
是让元素消失,不会出现在页面上,没有空间,但在dom结构树中还是有。 -
visibility: hidden
是指隐藏起来不显示,但在页面上会留空间,相当于它在那里,但是看不到。 -
opacity:0
是指透明度为0,它在页面上也有空间,只不过它是透明的看不见而已。