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。我们可以通过下面的表格看出有哪些浏览器支持此属性。
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标签定义颜色样式。
****本教程版权归饥人谷_鬼脚七和饥人谷所有,转载须说明来源****