HTML 负责提供标签，对数据进行标记封装
CSS 负责提供样式属性，对数据进行样式定义
DOM 负责将标记文档和标签等内容解析成对象，并在 对象中定义属性和行为，就可以指挥对象做事情。
JAVASCRIPT 负责网页页面的行为（该怎么动），动态效果的体现，需要程序设计语言来完成。
基本步骤
1、定义页面机构，HTML；
2、定义页面样式：CSS；
3、动态效果，对象已经被DOM解析驻留在内存；
3.1、明确事件源；
3.2、明确事件动作；
3.3、定义出来方式；
3.3.1、明确被处理的节点；
3.3.2、获取被处理的节点对象；