任务六-HTML(3)

1.line-height有什么作用?

答:line-height的主要作用是调整文本行高,也相当于行间距的设置。
Eg:<p style="lint-height:30px;>当段落内文字换行时候行间距即为30px;并且当设置line-height属性与div高度相同时,可以使单行文本在div中垂直居中。

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

答:使用caniuse 网站来检测css属性的兼容性。打开网站后我们可以搜索某一个属性值,Eg:inline-block。我们可以通过下面的表格看出有哪些浏览器支持此属性。


Caniuse网站示例

3.a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?

答:

  • href指定了超链接目标的URL<a href="www.baidu.com">如果设置成href="#"那么点开链接也会停在当前页面。
  • target用于设置跳转链接的打开方式target=“_blank”会在新窗口打开连接。
  • title属性是当鼠标悬停在链接上时可以显示当前连接的额外信息。
  • alt是代替图像显示的文本信息,当图像没有被加载出来该位置即会显示alt属性值中的文本。

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

答:

  • display:none隐藏元素的手法较为常用,不会占据文档空间,从而也是导致页面的布局发生变化。
  • visibility:hidden与前者的区别在于被隐藏的元素仍会占据文档空间,也不会触发该元素所绑定的事件
  • opacity:0顾名思义是将元素透明度降低到0,以达到隐藏元素的效果。页面布局不会发生变化,会触发绑定事件。

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

答:利用text-decoration:none语句来去除a链接的默认下划线;a标签无法继承父元素中的颜色属性,只能单独对a标签定义颜色样式。


****本教程版权归饥人谷_鬼脚七和饥人谷所有,转载须说明来源****

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 一,line-height行高有什么作用? 1 .行高的理解行高、行距行高是指文本行基线间的垂直距离。那什么是基线...
    kingBirds阅读 3,757评论 0 1
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,591评论 0 8
  • 1. line-height有什么作用? line-height指定一行的行高,使用后会使文本在上下居中。 lin...
    小木子2016阅读 3,012评论 0 0
  • 天还很亮 夜晚却快来临 我害怕孤寂 也害怕星星的眼睛 那些眼睛都是你 让我无法躲避 在你的眼睛里 我失去了我自己 ...
    潜水的鸟阅读 1,527评论 0 3