任务6-HTML3

本教程版权归熊猫和饥人谷所有，转载须说明来源

1. line-height有什么作用?

简单说就是行间距:

• normal,inherit,initial
• 数字
• 百分比 子元素font-size作废
• 长度 子元素font-size作废
  阅读这篇文章的一些理解:
  line-height是真正支撑起文字图片高度的属性,他作用于inline boxes,再到line boxes(他会看这一行谁的line-height最高就取谁)
  
  

  QQ截图20160809192742.png

另外,这个属性可以用来垂直居中,方法一我写在作业代码1里,就是height和line-height一样,老师视频讲的,但是通过看这个文章知道height不写也是OK的,原因在上面;方法二没看懂特别是inline-block查了半天大概就是又是按行又是按块?

因为上面那篇文章引用的文章打不开之后搜了这个slide看,还有四种盒子类型:containing boxes包含了其他所有盒子,inline-boxes是每个词的一个一个小盒子(不带复杂字体的是匿名),排成排,排完就组成了line-boxes,最后还有一个比较复杂是content area,就是把字涂满

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

去caniuse网站查一下

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

href是要去的地址,title是鼠标悬停显示的字,target是在哪个窗口打开这个页面;
title,alt是图片上(还有area和input元素中（包括applet元素）)的属性信息,图片加载不出来的时候可以代替图片显示,而且可以被搜索引擎找到.
target="_blank"

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

display:none是完全忽略这个元素,脱离文档流,所有人都无视他,并且也看不见;visibility: hidden除了看不见别的没变化;opacity:0完全透明,但是点击不到.

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

text-decoration:none,不能够,字体颜色必须直接加到a上.