1. line-height有什么作用?
-
文本层次解析
Paste_Image.png
-
行高（line-height）
所谓的行高就是等于行与行间的基线距离的文本高度，具体演示如下：
Paste_Image.png
- 行高的作用之一是用于文本的垂直居中——设置line-height=height
Paste_Image.png
2. 如何去查CSS属性的兼容性？比如inline-block哪些浏览器支持？
caniuse官方网站
查询结果如图：
Paste_Image.png
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样式的优先级有关。
网友评论