CSS的a标签及display

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,它在页面上也有空间,只不过它是透明的看不见而已。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,627评论 32 459
  • 1.line-height有什么作用? line-height指行高:文本文字所占用的空间,是本身的倍数。例:p{...
    26d608950683阅读 538评论 0 0
  • 1.line-heigh有什么作用? line-height属性设置行间的距离(行高),不允许使用负值。该属性会影...
    疯小儿阅读 334评论 0 0
  • 假如我是一只动物,那我就是一只狮子。 我喜欢在空旷的草原上奔跑,时而凶猛,时而温柔,自由就是我此生的向往。 有时候...
    悬崖上的小树阅读 689评论 8 14