任务6-HTML3

line-height有什么作用?

line-height 在CSS中，被用来控制行与行之间垂直距离。
默认状态，浏览器初始值一般是1.2，取决于font-family。
1.body{line-height:normal;}
2.body{line-height:inherit;}
3.body{line-height:120%;}
4.长度值(px,em等) body{line-height:25px;}
5.纯数字， body{line-height:1.2}

Paste_Image.png

line-height与font简写形式：

div { font: 10pt/1.2 Georgia,"Bitstream Charter",serif }

五种方式优劣：用百分比和长度值表示，不会受font-size影响进行缩放，所以当行间距过小，字会重叠。一般情况，多用纯数字来设置line-height。

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

查询css属性兼容性的网站can i use

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

href:设置链接地址。
title:设置链接名称，当hover时会显示。alt是替换文本，当图片打不开时，会显示文字，也用于SEO优化。
target:设置链接的新网页以何种方式打开。

只有在href属性存在才能使用该属性。
_self: 当前页面加载，此值是默认的，如果没有指定属性的话。
_blank: 新窗口打开。
_parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self。

在新窗口打开链接

<a herf="#"  target="_blank"></a>

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

display:none 让一个元素脱离文档流，相当于删除了这个元素
visibility: hidden 隐藏一个元素，变透明了，并没有脱离文档流，与其绑定的事件失效。
一般隐藏一个元素，多会设置opacity：0%，这样绑定在这个元素上的事件仍然有效。

Paste_Image.png

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

a标签的默认颜色样式不会继承父元素，而a标签的字体样式大小继承父元素的设置。
直接在 a 链接父容器添加颜色，不会改变a标签默认颜色样式。
去除a链接默认样式

  a{
     text-decoration：none
    }

Paste_Image.png

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