---接上篇：
四、CSS相关：
1、CSS不支持注释// 支持注释/* */
2、 几种浏览器厂商前缀： Firefox : -moz-; Chrome:-webkit- ; IE:-ms-
3、 如果元素使用绝对定位position:absolute 那么它的定位相对于最近的定位祖先元素(position的属性不是static)；
4、 position默认属性是static:按照常规文档内容流定位，不能使用top,left等属性定位；
5、fiexd：相对于浏览器窗口；relative:按照常规的文档流进行布局；
6、padding和margin的顺序是：上 右 下 左；
五、事件：
一、事件分类：
1、表单事件：submit reset click change(input，textiput) focus blur事件等；
2、Window事件：
load:文档等完全加载并显示给用户时就会触发它；
unload和beforeunload: 用户离开当前文档转向其他文档(和转向之前)时触发；
focus和blur:浏览器窗口从操作系统获取或失去键盘焦点时触发；
resize和scroll：窗口调整大小和发生滚动时触发；
3、鼠标事件：mousemove mousedown mouseup mouseover mouseout mousewheel click dbclick;
4、键盘事件：keydown keyup keypress;
二、事件处理程序注册：
1、设置JavaScript对象的属性：on-事件名 全部是小写，例如：window.onload=function(){};
2、设置HTML标签属性：on-事件名 都是小写，例如：<button onclick=''></button>
3、addEventListener()与removeEventListener(): IE8及之前版本不支持
三个参数：1、事件类型字符串，不包括'on'; 2、事件处理函数；3、布尔值，通常是false; 如下：
<script>
var b =document.getElementById('btn');
b.onclick = function(){};
b.addEventListener('click',function(){},false);
</script>
4、attachEvent()和detachEvent():IE8及以下版本支持
两个参数：1、事件类型字符串，包括'on' ;2、事件处理程序； 例如：
var b = document.getElementById('btn');
var ctrl = function(){};
if(b.addEcentListener){
b.addEventListener('click',ctrl,false);
}else if(b.attachEvent){
b.attachEvent('onclick',ctrl);
}