任务6-HTML3

1.line-height有什么作用?

• 设置行高
• 设置line-height的值等于height值，可以使单行文本垂直居中。

---

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

• 通过网址http://caniuse.com/来查询,如图：
  can i use

---

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

• href:规定链接的目标 URL。
  title:描述该链接，鼠标移动到链接上时会出现相应提示。
  target:规定在何处打开目标 URL。仅在 href属性存在时使用。
• tittle是用来显示链接的文字内容信息，鼠标移动到链接上即可出现。而alt则是当链接的图片无法显示时，会显示出对该图片的描述文字，链接正常时不会显示。
• 在<a>标签中加上，target=_blank即可。

---

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

• 隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden",亦可以设置opacity:0。但是请注意，这几种方法会产生不同的结果。
• visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局，和visibility:hidden一样，opacity:0同样会占用与未隐藏之前一样的空间。
  display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。

---

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

• 在a标签的样式中加入text-decoration: none即可
• 在 a 链接父容器添加颜色，a标签不会继承

---

代码题

• 1 代码
• 2 代码
• 3 代码
• 4 代码
  分析：代码4的作用是：当浏览器的宽度大于900px时，会让标签居中显示，当浏览器的宽度小于900px时，会有水平滚动条去显示标签。