CSS认识2

• line-height有什么作用?
  设置行高
  可以用来设置字体和图片的行间距

---

• 如何去查CSS属性的兼容性？比如inline-block哪些浏览器支持？
  CSS属性的兼容性 http://caniuse.com/

Paste_Image.png

---

• a 标签的href, title, target 是什么？ title 和 alt有什么区别？如何新窗口打开链接?
  href是链接的路径
  title是链接标题
  target规定以何种方式打开打开链接

title和atl的区别
title属性用鼠标放上去可以显示出来，alt则不会 一般用于seo

Paste_Image.png

在a标签内添加 target="_blink"

<a href="#"  target="_blink">打开新窗口</a>

---

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

display:none 完全隐藏元素，不影响布局，不触发事件

Paste_Image.png

visibility: hidden 隐藏元素，影响布局，不会触发事件。

Paste_Image.png

opacity:0 将元素完全透明，影响布局，会触发事件

Paste_Image.png

---

• 如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否基础到当前a 链接上？
  可以使用text-decoration:none 去除默认样式
  a:link {color: blue} 未被访问的链接 蓝色
  a:visited {color: blue} 已被访问过的链接 蓝色
  a:hover {color: blue} 鼠标悬浮在上的链接 蓝色
  a:active {color: blue} 鼠标点中激活链接 蓝色

不可以

<div style="color:red"><a href="#">a链接</a>不是a链接<span>span</span></div>

Paste_Image.png

本教程版权归菲龍探雲和饥人谷所有，转载须说明来源