1.line-height有什么作用?
- 撑开一个空白的<div>
- 单行文字的垂直居中对齐:
height=line-height; - 多行文字的垂直居中:
display: inline-block;vertical-align: middle;
2.如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?
3.a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
元素 | 作用 |
---|---|
href | 定义一个超文本链接 |
title | 1.作为HTML标签定义一个文档名字。2.作为<a> 标签,对链接进行描述 |
target | 定义在何处打开窗口 |
新窗口打开链接:<a href="#" title=blank>打开新窗口</a>
title 和 alt有什么区别:
- alt:可以用在
<img>
<area>
<input>
中用于显示指定的替换文字。 - title:对元素提供额外的说明(在它可以显示的时候)。
4.display: none, visibility: hidden, opacity:0有什么作用?有什么区别?
-
display:none
添加样式使结构消失,不为隐藏元素保留物理空间(脱离文档流) -
visibility:hidden
隐藏对象元素,保留物理空间(在文档流中) -
opacity:0
使元素的透明度为100%,视觉上是消失的。
5.如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?
-
text-decoration:none;
去除a链接的默认样式
-a标签不具有继承性。