HTML 基础 3

line-height有什么作用?

设定行高,文本默认上下居中
line-height示例

如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?

使用Can I Use

a 标签的href, title, target 是什么?

  • href:链接的地址
  • title:链接说明
  • target:见下表
描述
_blank 在新窗口中打开被链接文档
_self 默认,在相同的框架中打开被链接文档
_parent 在父框架集中打开被链接文档
_top 在整个窗口中打开被链接文档
framename 在指定的框架中打开被链接文档

title 和 alt有什么区别?

  • title是对标签(如img,a等)的说明,当鼠标移动上去时可以看到
  • alt是在图片不能显示的时候显示的替代文字,一般内容较少

如何新窗口打开链接?

<a href="www.jirengu.com" target="_blank">饥人谷</a>

display: none, visibility: hidden, opacity:0有什么作用?有什么区别?

  • display=none,把元素隐藏起来,并且会改变页面布局,可以理解成在页面中把该元素删除掉
  • visibility=hidden,把元素隐藏起来了,但不会改变页面布局,不会触发该元素已经绑定的事件
  • opacity=0,该元素隐藏起来了,但不会改变页面布局,如果该元素已经绑定一些事件,如click事件,那么点击该区域,也能触发点击事件的

如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?

  • 在a的style中加入text-decoration:none;可以去除a的默认样式
  • 直接在 a 链接父容器添加颜色,不能继承到当前 a 链接上

本教程版权归饥人谷和作者所有,转载须说明来源。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 本教程版权归饥人谷_佩佩216和饥人谷所有,转载须说明来源. line-height有什么作用?css 标签,用于...
    佩佩216阅读 367评论 0 0
  • 问答 line-height有什么作用?如何去查CSS熟悉的兼容性?比如inline-block哪些浏览器支持? ...
    coolheadedY阅读 423评论 0 0
  • 一,line-height行高有什么作用? 1 .行高的理解行高、行距行高是指文本行基线间的垂直距离。那什么是基线...
    kingBirds阅读 636评论 0 1
  • 当风静静的 那太阳底下密密麻麻闪着金光的树叶 那树荫底下憨憨入睡的老爷爷 那地上躺着一只正在伸懒腰的小黄鸭 那院前...
    蘅芜潇潇阅读 404评论 6 7