1.line-height有什么作用?
答：line-height的主要作用是调整文本行高，也相当于行间距的设置。
Eg:<p style="lint-height:30px;>当段落内文字换行时候行间距即为30px;并且当设置line-height属性与div高度相同时，可以使单行文本在div中垂直居中。
2.如何去查CSS属性的兼容性？比如inline-block哪些浏览器支持？
答：使用caniuse 网站来检测css属性的兼容性。打开网站后我们可以搜索某一个属性值，Eg：inline-block。我们可以通过下面的表格看出有哪些浏览器支持此属性。
Caniuse网站示例
3.a 标签的href, title, target 是什么？ title 和 alt有什么区别？如何新窗口打开链接?
答：
- href指定了超链接目标的URL<a href="www.baidu.com">如果设置成href="#"那么点开链接也会停在当前页面。
- target用于设置跳转链接的打开方式
target=“_blank”会在新窗口打开连接。 - title属性是当鼠标悬停在链接上时可以显示当前连接的额外信息。
- alt是代替图像显示的文本信息，当图像没有被加载出来该位置即会显示alt属性值中的文本。
4.display: none , visibility: hidden, opacity:0 有什么作用？有什么区别？
答：
- 用
display：none隐藏元素的手法较为常用，不会占据文档空间，从而也是导致页面的布局发生变化。 -
visibility:hidden与前者的区别在于被隐藏的元素仍会占据文档空间，也不会触发该元素所绑定的事件 -
opacity：0顾名思义是将元素透明度降低到0,以达到隐藏元素的效果。页面布局不会发生变化，会触发绑定事件。
5.如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否继承到当前 a 链接上？
答：利用text-decoration:none语句来去除a链接的默认下划线；a标签无法继承父元素中的颜色属性，只能单独对a标签定义颜色样式。
****本教程版权归饥人谷_鬼脚七和饥人谷所有，转载须说明来源****
网友评论