本教程版权归凯旋和饥人谷所有,转载须说明来源
一 、line-height有什么作用?
“行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离。在单行或多行或
图片垂直居中实现上的应用可以调整文字段落之间的间隙使其合理展示```
![行高.png](http://upload-images.jianshu.io/upload_images/145951-88bc11cdc123363a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
**参考文章**:
[深入理解css行高](http://muki.tw/tech/css-line-height/)
[css行高](http://www.cnblogs.com/dolphinX/p/3236686.html)
[line-height](http://www.zhangxinxu.com/wordpress/2009/11/css%E8%A1%8C%E9%AB%98line-height%E7%9A%84%E4%B8%80%E4%BA%9B%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E5%8F%8A%E5%BA%94%E7%94%A8/)
> *二* 、如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?
利用网站:[http://caniuse.com/](http://caniuse.com/)
![caniuse.jpg](http://upload-images.jianshu.io/upload_images/145951-5dbc73ec630e895f.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
> *三* a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
alt属性:
是给搜索引擎识别,在图像无法显示时的替代文本,给用户提供相关文字说明使其了解图像信息,
应用在img、area和input元素中
title的属性:
使用 title 属性,可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释。
title属性并不作为搜索引擎抓取图片的参考,更多倾向于用户体验的考虑。如果图片旁边已经
有文字说明,就没必要多此一举的添加title。
之间区别:
搜索引擎对图片意思的判断,主要靠alt属性。所以在图片alt属性中以简要文字说明,
同时包含关键词,也是页面优化的一部分。条件允许的话,可以在title属性里,进一步对图片说明。
alt是给搜索引擎识别,在图像无法显示时的替代文本;title是关于元素的注释信息,
主要是给用户解读。当鼠标放到文字或是图片上时有title文字显示。
(因为IE不标准)在IE浏览器中alt起到了title的作用,变成文字提示。
在定义img对象时,将alt和title属性写全,可以保证在各种浏览器中都能正常使用。
target属性:
<a>标签的 target 属性规定在何处打开链接文档。
如果在一个<a>标签内包含一个 target 属性,
浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的
文档。如果这个指定名称或 id 的框架或者窗口不存在,
浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,
链接文档就可以指向这个新的窗口。
<a href="#" target="_blank"></a>语句用于在新窗口打开链接。
[参考](http://www.w3cfuns.com/notes/15867/f24c07016ec1be8e5b0a411e17e38718)
> *四* display: none, visibility: hidden opacity:0有什么作用?有什么区别?
display=none
闭一个元素的显示(对布局没有影响);其所有后代元素都也被会被关闭显示。
文档渲染时,该元素如同不存在。
visibility=hidden,
让元素在隐藏的同时占据其原有的位置,(空白占位如果该该元素已经绑定一些事件,如click事件,那么点击该区域,不能触发点击事件的
opacity=0,
opacity设置透明度。通过设置透明度将元素隐藏起来,但不会改变页面布局,并且,
如果该元素已经绑定一些事件,如click事件,那么点击该区域,也能触发点击事件的
> *五* 如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?
在该a链接的css样式中添加"text-decoration:none;"
直接在a链接父容器添加颜色不能继承在a链接上,除颜色外a链接都可以继承父容器的样式。