任务6-HTML3

一、line-height有什么作用?

1.line-height设置行间的距离（行高），不允许使用负值；
2.line-height的值：

• line-height：normal设置默认行间距；
• line-height：number（数值：例如2、1.5等数值）设置为几倍行高；
• line-height：length（数值可以是像素单位，20px等）设置行高为多少像素；
• line-height： %（50%，100%，150%等）用百分比指定行高，其百分比取值是基于字体的高度尺寸；

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

1.查询CSS属性兼容性可以去http://caniuse.com这个网站查询；
2.在caniuse里面输入inline-block

caniuse

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

1.a标签定义超链接，用于从一张页面链接到另一张页面；

• href属性是a标签最重要得属性，在href里面添加网址；例：饥人谷；
• title在a标签里面添加title属性然后给title属性填写一个值，当鼠标放在这个超链接上面时会显示title的值；
• target属性是定义在何处打开这个超链接；target="_blank"在新窗口打卡链接；target="_parent"在当前的窗口打开超链接；target="_self"在默认窗口即当前的窗口打开超链接；target="_top"感觉效果和target="_self"和target="_parent"是一样的，没有查到什么区别；

2.title和alt的区别：title和alt都属于提示性语言标签，alt是用来对照片进行提示，title大多数是用来提示链接文字和普通文字；这两个属性主要是给搜索引擎看的，不同的浏览器，alt和title显示的效果也不同，其实我们大多数看重的是alt属性，title可有可无，只要我们平时及时的给img添加alt的属性，适当的添加title，对我们网站的优化是非常有好处的。
3.在链接里面添加 target="_blank"属性就可以在新窗口打开链接；

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

1.display:none把元素隐藏起来，脱离文档流，并且改变页面布局，可以理解为把该元素在页面中删掉一样；
2.visibility:hidden把元素隐藏起来，没有脱离文档流，不会改变页面布局，但是不会触发该元素已经绑定的事件；
3.opacity:0这个作用实际上是设置元素的透明度为0，不会改变页面布局，没有脱离文档流，如果该元素已经绑定了一些事件，如click事件，那么那么点击该区域，也能触发click事件；

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

1.a链接默认带有下划线和颜色；如果要去掉下划线这个默认样式可以在css中添加text-decoration: none去掉下划线；改变超链接的颜色只需要直接设置a的颜色样式即可，如color:#eee;
2.直接在a链接父容器添加颜色，不能继承当前a链接上；需要单独设置该父容器内a的样式，如a{color:#eee};

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