前端collection

1、mouseover和mouseenter的区别

不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。

2、CSS display:none和visibility:hidden的区别

使用CSS display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。

3、下面一段代码中两个div的间距是20px。

<div style="width:100px; height:30px; background:#ccc; margin-bottom:20px;"></div>

<div style="width:100px; height:30px; background:#ccc; margin-top:10px;"></div>

--------------------------------------------------------------------未完待续---------------------------------------------------------------------