line-height的作用

  • 设置元素行高；之前的学习中有用它来调整行间距，在单行文本中当其与height相等时可实现垂直居中。

CSS属性的兼容性查询方式

  • 打开caniuse.com输入需查询的属性名；inline-block的兼容性见下图：
    0_1459586718720_兼容性.png

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，它在页面上也有空间，只不过它是透明的看不见而已。