一、line-height有什么作用?
line-height是对文字行所占的高度进行设置（包含文字本身所占高度），相当于word文档中的行间距设置，数字越大则行间距越大，过小可能会出现文字堆叠的情况；
line-height的值：
line-height：百分比、数字、固定尺寸；
注：行高的值可以设置为百分比、数字（倍数）、固定尺寸；
如图，下图为文字相邻行文字堆叠：
文字堆叠
二、如何去查CSS属性的兼容性？比如inline-block哪些浏览器支持？
查询CSS属性的兼容性一般使用can i use网站；
如图，输入inline-block，查询结果，绿色块标示代表对应浏览器可以支持：
can i use
三、a 标签的href, title, target 是什么？ title 和 alt有什么区别？如何新窗口打开链接?
href：设置该超链接的地址；
title：设置新打开的链接地址标题；
target: 设置打开页面的方式；
target常见值：
- _blank ：在新窗口中打开链接；
- _self ：默认在相同的框架中打开链接；
- _parent： 在父框架集中打开链接；
- _top ：在整个窗口中打开链接；
- framename： 在指定的框架中打开链接；
title 和 alt属性：
alt属性：链接的图片因为某种原因不能加载时在页面显示的提示信息，提示信息显示在原本加载图片的地方；
title属性：鼠标悬停在该图片上时显示一个小提示，鼠标离开就消失；
四、display: none , visibility: hidden, opacity:0 有什么作用？有什么区别？
作用：
三个属性都是让对应的元素在显示的页面上看不见（消失）
区别：
- display: none：不占据空间，但在DOM结构中对应节点仍然存在，可在别的节点加js事件让其显示（display：block）；
- visibility: hidden：占据空间，且自身不可被触发，需借助别的节点触发；
- opacity:0:设置为100%透明，只是视觉上看不见，它包含的其他功能和显示时没有区别，可直接触发;
五、如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否继承到当前 a 链接上？
为a链接添加声明"text-decoration:none"即可去除其默认的样式；
备注：a链接的颜色属性不能从父容器继承，要改变a链接颜色只能直接对a标签进行颜色属性设置；
六、代码题：
代码6-1、代码6-2、代码6-3：
github地址：task6-1、2、3
代码6-4：
如图，div的margin的左右值设置为auto，div块会随浏览器大小自适应水平居中：
水平方向自适应居中
声明：本博客版权归兰文聪和饥人谷所有，转载需说明来源！
