| position | 指定元素的定位类型 |
| top、left | 指定元素上、左边缘的位置 |
| bottom、right | 指定元素下、右边缘的位置 |
| width、height | 指定元素的尺寸 |
| z-index | 指定元素相对于其他重叠元素的“堆叠次序”，定义了元素定位的第三个维度 |
| display | 指定元素是否以及如何显示 |
| visibility | 指定元素是否可见 |
| clip | 定义元素的“裁剪区域”，只显示元素在区域内的部分 |
| overflow | 指定元素比分配的空间要大时的处理方式 |
| margin、border、padding | 指定元素的空白和边框 |
| background | 指定元素的背景颜色或图片 |
| opacity | 指定元素的不透明度（或半透明度） |
CSS盒模型：边框、内边距和定位属性
事件分类
依赖于设备的输入事件
包括"mousedown"、"mousemove"、"mouseup"、"keydown"、"keypress"和"keyup"这样的传统事件类型，也包括像"touchmove"和"gesturechange"这样新的触摸事件类型。
独立于设备的输入事件
有些输入事件没有直接相关的特定输入设备。例如，click事件表示**了链接、按钮或其他文档元素，这通常是通过鼠标单击实现，但也能通过键盘或触摸感知设备上的手势来实现。尚未广泛实现的textinput事件就是一个独立于设备的输入事件，它既能取代按键事件并支持键盘输入，也可以取代剪切和粘贴与手写识别的事件。
用户界面事件
用户界面事件是较高级的事件，通常出现在定义Web应用用户界面的HTML表单元素上。包括文本输入域获取键盘焦点的focus事件、用户改变表单元素显示值的change事件和用户单击表单中的“提交”按钮的submit事件。
状态变化事件
有些事件不是由用户活动而是由网络或浏览器活动触发，用来表示某种生命周期或相关状态的变化。
特定API事件
HTML5及相关规范定义的大量Web API都有自己的事件类型。
计时器和错误处理程序
addEventListener()
addEventListener()接受三个参数。第一个是要注册处理程序的事件类型，这个事件类型（或名字）是字符串，但它不应该包括用于设置事件处理程序属性的前缀"on"。第二个参数是当指定类型的事件发生时应该调用的函数。最后一个参数是布尔值
removeEventListener()
有三个参数，从对象中删除事件处理程序函数而非添加，它常用于临时注册事件处理程序，然后不久就删除它
attachEvent()
有两个参数：事件类型和处理程序函数。·attachEvent()允许相同的事件处理程序函数注册多次
调用顺序
浏览器必须按照如下规则调用所有的事件处理程序：
通过设置对象属性或HTML属性注册的处理程序一直优先调用。
使用addEventListener()注册的处理程序按照它们的注册顺序调用[注释]。
使用attachEvent()注册的处理程序可能按照任何顺序调用，所以代码不应该依赖于调用顺序。
鼠标事件
转载于:https://my.oschina.net/drei/blog/806778