如何查兼容性

1. line-height有什么作用?
   用来设置当前line-box的最小高度

normal|<number>|<length>|<percentage>

- normal

默认的值，取决于浏览器，一般为1.2
- number
推荐使用，设置line-box的高度，数值相当于当前元素的number*font-size
- length
常用line-height和heigth的px值相同来使文字垂直居中，如果使用的是em,相对的是当前元素的font-size
- percentage
相对于当前font-size值乘以百分比

2. 如何去查CSS属性的兼容性？比如inline-block哪些浏览器支持？
   使用can i use这个网站来查
   can i use inline-block
3. a 标签的href, title, target 是什么？ title 和 alt有什么区别？如何新窗口打开链接?
   • <a href="http://www.jirengu.com" title="这个链接会链接到饥人谷的官网" target="-blank">饥人谷</a>
     上面就是a标签的语句，其中href表示的是hypertext reference,就是超文本链接的引用地址。title是当鼠标hover上去的时出现的小注释，title是一个全局的属性，不仅仅可以用在a标签里面。target表示的是哪里来显示这个链接，可以是_self当前窗口直接跳转，也可以是_blank打开一个新的窗口。
   • title的作用是当鼠标hover上去的时候显示一个小注释，主要是对hover元素的简单说明或提示，而alt是用在当图片不能显示的时候所需要显示的文字
4. display: none, visibility: hidden,opacity:0有什么作用？有什么区别？
   • display: none，将元素的显示方式设置为不显示，使元素从文档流中脱离，不再显示，就像这个元素不存在一样
   • visibility: hidden，将元素隐藏起来，虽然还是在文档流原来的位置，但是元素不能使用，例如按钮就无法点击
   • opacity: 0，将元素设置为全透明，虽然看不见元素，但是元素还是在本来的位置而且可以使用
5. 如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否继承到当前 a 链接上？
   • 对a链接使用CSS属性text-decoration: none;

   • 不能继承父容器的颜色，因为浏览器对链接设置了默认的样式，如果优先级没有比浏览器的默认设置高的话，就不会覆盖掉浏览器的默认样式

     
     user agent默认样式

代码练习