1. line-height有什么作用?
-
文本层次解析
-
行高(line-height)
所谓的行高就是等于行与行间的基线距离的文本高度,具体演示如下:
- 行高的作用之一是用于文本的垂直居中——设置line-height=height
2. 如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?
caniuse官方网站
查询结果如图:
3. a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
<a href="http://baidu.com" title="百度" target=“_blank” >这是一个链接</a>
- href属性用于指定超链接目标的 URL。
- target规定在何处打开链接文档,当target值为"_blank"时,可以在新窗口打开链接。_self:在当前页面跳转。
- tiitle规定鼠标浮动到链接时显示的提示信息,art属性的作用是当用户无法查看图片时,浏览器将显示替代文本。
- 上述代码可以在新窗口打开一个链接
4. display: none和visibility: hidden,opacity:0 有什么作用?有什么区别?
- 作用:
display:none和visible:hidden,opacity:0 都能把网页上某个元素隐藏起来
- 区别:
display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。元素原本占据的空间被其他元素所占据,从而导致浏览器的重排和重绘;
visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。只导致浏览器重绘不导致重排;
opacity:0---表示元素的透明度是完全透明,起到一种隐藏效果。与visibility:hidden类似,元素在页面消失且仍然占据空间。但按钮及其功能仍然存在,只是肉眼看不见。
5. 如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?
a:link{color:颜色值}
无法继承,因为默认样式也是由上述代码决定的,这与CSS样式的优先级有关。