1、html：标签 属性 嵌套 class="btn btn-success" style="color:red;font-size:10px;"
2、css：层叠样式表
样式分类：内联（行内） 内嵌 外部引用
选择器：标签、id、class、属性、并列、后代。
样式
3、js：ECMAscript DOM BOM（window history locaton document ）
基础语法、dom操作
基础语法套路：
①注释、变量、常量、标识符、关键字
标识符规范：字母、数字、下划线、$ 不能以数字开头
②数据类型 数字、字符串、布尔、null、 underfind
（空） （未定义）
③运算符：
算术运算符：+ - * /
赋值运算符：=
关系运算符：!=
逻辑运算符：与或非
三元运算符：表达式 ？ 真 ： 假
if（表达式）{
真
}else{
假
}
④控制语句
if （判断） switch（判断） for（循环） while（循环） for-in（遍历数组）
确定次数 完成条件跳出循环
⑤数组
数组元素、数组长度、数组下标（索引：从0开始）
var arr [1,2,3];
arr[0]=1;
遍历 arr.length
var arrT =[[1,2,3],
[2,3],
[4,5,6]
];
⑥方法、函数
function 函数名（参数列表）{
执行的代码
}
调用执行：函数名（参数列表）；
关键字：break continue return
结束循环 跳出本次循环 结束方法
类、对象（实例） 具体的一个标签对象
DOM套路：
1、获取元素，找元素
document.getElementById（）； 通过id获取元素，对象
document.getElementByTagname（）； 通过标签获取元素，数组
document.getElementByClassname（）；
document.getElementByname（）；
2、操作属性
标签对象.getAttribute("属性名")；
标签对象.setAttribute("属性名","属性值")；
3、操作内容
标签对象.innerHTML
标签对象.innerHTML="值";
标签对象.value
标签对象.value="值";
4、操作样式
标签对象.style.color;
标签对象.style.color="red";
5、创建元素，删除元素
document.createElement("");
标签对象.remove();
6、给元素添加事件