2016.9.13 HTML2

1.line-height有什么作用?

  • 撑开一个空白的
  • 单行文字的垂直居中对齐:
    height=line-height;
  • 多行文字的垂直居中:
    display: inline-block;vertical-align: middle;
2016.9.13 HTML2_第1张图片
ba5525d5-e50c-4009-8abf-decb097939a8.png

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

2016.9.13 HTML2_第2张图片
inline-block.png

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

元素 作用
href 定义一个超文本链接
title 1.作为HTML标签定义一个文档名字。2.作为 标签,对链接进行描述
target 定义在何处打开窗口

新窗口打开链接:打开新窗口
title 和 alt有什么区别:

  • alt:可以用在 中用于显示指定的替换文字。
  • title:对元素提供额外的说明(在它可以显示的时候)。

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

  • display:none添加样式使结构消失,不为隐藏元素保留物理空间(脱离文档流)
  • visibility:hidden隐藏对象元素,保留物理空间(在文档流中)
  • opacity:0使元素的透明度为100%,视觉上是消失的。

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

  • text-decoration:none;去除a链接的默认样式
    -a标签不具有继承性。

你可能感兴趣的:(2016.9.13 HTML2)