HTML-3

1.line-height有什么作用?

  • line-height属性修改文本行的空白间距,通常配置成百分比。当块元素中只存在单行文本时,将文本的line-height的值配置为该块级元素高度,即可实现文本的垂直居中。

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

CSS属性的兼容性可在http://caniuse.com/上检查

Paste_Image.png

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

i.
  • href:规定链接指向页面的URL或者是指向锚点的ID
  • title:当鼠标移动到超链接上的提示性说明
  • target:规定在何处打开链接
ii.

alt是当内容无法加载时显示的替代文本,title是当鼠标移动到超链接上时的说明文本。

Paste_Image.png
iii.

将a标签的target属性的值配置为"-blank"时,会实现在新窗口打开链接。

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

display: none 使元素不显示,且不占据空间;
visibility: hidden不显示元素,但占据原空间;
opacity:0设置元素完全透明,已被显示,只是因为完全透明所以看不到。

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

i.

通过text-deraction:none去除a链接的默认样式。

ii.

给a链接父容器添加颜色并不能继承到当前a链接上:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>a样式</title>
    <style type="text/css">
        .div1{
            color:red;
        }
    </style>
</head>
<body>
<div id="div1">
    <a href="#">a链接</a>
</div>
</body>
</html>

效果:

Paste_Image.png

本教程版权归王康和饥人谷所有,转载需要说明来源。

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

相关阅读更多精彩内容

  • 一,line-height行高有什么作用? 1 .行高的理解行高、行距行高是指文本行基线间的垂直距离。那什么是基线...
    kingBirds阅读 3,764评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • 1.line-height有什么作用? 答:line-height的主要作用是调整文本行高,也相当于行间距的设置。...
    呦泥酷阅读 2,350评论 0 0
  • 1.line-height有什么作用? 答:这个代表行高,是指一行文字顶部和底部之间的高度。line-height...
    浩天天阅读 1,787评论 0 0
  • 问答 1. line-height有什么作用? 如果定死为px的话,在一些大字体上可能会重叠,所以一般都定为em...
    _Josh阅读 3,211评论 0 0

友情链接更多精彩内容