HTML3

line-height有什么作用?

调整文字间的行间距。
还适用于单行文本垂直居中场景,在容器高度固定的情况下,line-height的值设成容器的高度可实现文本垂直居中。

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

使用Can I use可以查询CSS属性的兼容性。

caniuse截图

a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
  • href:规定链接指向的页面的 URL。
  • title:鼠标悬停在超链接上的时候,显示该超链接的文字注释。
  • target:规定在何处打开链接文档。

title和alt的区别:alt 用来给图片来提示的,有图片显示不出来的情况下,显示图片的解释性文字。Title用来给链接文字或普通文字提示的。

新窗口打开链接:<a href="www.jirengu.com" target="_blank">饥人谷</a>

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

三者都用来隐藏元素。

  • display=none,把元素隐藏起来,并且会改变页面布局,可以理解成在页面中把该元素删除掉一样;
  • visibility=hidden,该元素隐藏起来了,但不会改变页面布局,也不会触发该元素已经绑定的事件;
  • opacity=0,该元素隐藏起来了,但不会改变页面布局,并且,如果该元素已经绑定一些事件,如click事件,那么点击该区域,也能触发点击事件的。
如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?
  • text-decoration:none; -> 去除默认下划线
  • color:#??? ->更改默认颜色
    a链接不能继承父容器的颜色设置,必须单独给a链接设置颜色才能改变。

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

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. line-height有什么作用? line-height指定一行的行高,使用后会使文本在上下居中。 lin...
    小木子2016阅读 492评论 0赞 0
  • 课程目标 掌握基本标签和基本样式的用法 学习建议 阅读资料都是老师的原创文章、示例代码、或者是精心挑选的文章。是除...
    饥人谷_江君阅读 726评论 0赞 0
  • 1.line-height 有什么作用? line-height 属性设置了行间的距离(即行高),不允许使用负值。...
    饥人谷_沈梦圆阅读 384评论 0赞 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,355评论 1赞 92
  • 1.line-height有什么作用? line-height是行高的意思。具体指两行文字基线之间的距离。line...
    墨月千楼阅读 406评论 0赞 0

友情链接更多精彩内容