一、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块会随浏览器大小自适应水平居中：

水平方向自适应居中
　　　　　　　　声明：本博客版权归兰文聪和饥人谷所有，转载需说明来源！