line-height有什么作用?
line-height 在CSS中，被用来控制行与行之间垂直距离。
默认状态，浏览器初始值一般是1.2，取决于font-family。
1.body{line-height:normal;}
2.body{line-height:inherit;}
3.body{line-height:120%;}
4.长度值(px,em等) body{line-height:25px;}
5.纯数字， body{line-height:1.2}
Paste_Image.png
line-height与font简写形式：
div { font: 10pt/1.2 Georgia,"Bitstream Charter",serif }
五种方式优劣：用百分比和长度值表示，不会受font-size影响进行缩放，所以当行间距过小，字会重叠。一般情况，多用纯数字来设置line-height。
如何去查CSS熟悉的兼容性？比如inline-block哪些浏览器支持？
查询css属性兼容性的网站can i use
a 标签的href, title, target 是什么？ title 和 alt有什么区别？如何新窗口打开链接?
href:设置链接地址。
title:设置链接名称，当hover时会显示。alt是替换文本，当图片打不开时，会显示文字，也用于SEO优化。
target:设置链接的新网页以何种方式打开。
只有在href属性存在才能使用该属性。
_self: 当前页面加载，此值是默认的，如果没有指定属性的话。
_blank: 新窗口打开。
_parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self。
在新窗口打开链接
<a herf="#" target="_blank"></a>
display: none, visibility: hidden, opacity:0 有什么作用？有什么区别？
display:none 让一个元素脱离文档流，相当于删除了这个元素
visibility: hidden 隐藏一个元素，变透明了，并没有脱离文档流，与其绑定的事件失效。
一般隐藏一个元素，多会设置opacity：0%，这样绑定在这个元素上的事件仍然有效。
Paste_Image.png
如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否基础到当前 a 链接上？
a标签的默认颜色样式不会继承父元素，而a标签的字体样式大小继承父元素的设置。
直接在 a 链接父容器添加颜色，不会改变a标签默认颜色样式。
去除a链接默认样式
a{
text-decoration：none
}
Paste_Image.png
本教程版权归博主和饥人谷所有，转载须说明来源
网友评论