小问题集锦2

1. line-height优先使用"数字"设值，小心百分比与em设置带来意外效果

    百分比与em,CSS继承的是计算好的结果，而不是简单的值。

    参考：https://developer.mozilla.org/en-US/docs/Web/CSS/line-height

2. line-height设置百分比是相对元素自身的font-size大小

3. 多行文字垂直居中：

    a. 要实现高度不固定的文字垂直居中使用padding就好了

    b. 高度固定的div，可借助于line-height。line boxes的高度取决于它的下属职员的最高高度。而这个高度由一个不占据任何空间的空格完成，方法即设置font-size为0，line-height为所需要的高度。同时，为了分隔line boxes，保持在同一行上，需要设置display属性为inline-block(参考：http://www.zhangxinxu.com/study/200911/line-height-text-v-center.html)

4. 使用TemperData可以截取并修改HTTP请求头部，火狐插件地址: https://addons.mozilla.org/zh-CN/firefox/search?q=tamper+data&cat=all

    fiddle同样也可以修改请求，另外，可以将请求服务器的资源定向到请求本地的资源，对于web前端线上调试作用较大。

5. 如何恢复css属性默认值？

   CSS2已支持css属性值initial来复原默认设置

6. BFC，块级格式上下文，BFC内的元素定位不影响外部元素。

    浮动只对同一BFC内元素有影响，清除浮动也只针对同一BFC作用区域。参考 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context

7.  margin collapse有哪些注意的问题？ margin collapse解释参考： https://developer.mozilla.org/en-US/docs/Web/CSS/margin_collapsing

    浮动与绝对定位元素没有margin collapse问题。查看 http://codepen.io/xiaoyewen/pen/pvYMJy

8.  CSS属性pointer-events可以设置元素是否成为鼠标事件的目标，主要作用于SVG，IE11以上支持HTML内容。

     利用此属性，可以简单让绝对定位覆盖的元素获得鼠标响应。示例：http://codepen.io/xiaoyewen/pen/QwPNgO

9. javascript “==”隐式转换时，布尔值、字符串和数值进行比较,转换为数值之后再进行比较

  

+undefined // NaN
+null // 0
+true // 1
+false //0
+'3d' // NaN
+[] // 0
+[3] //3
+[2,3,4] //NaN