1. HTML（超文字標記語言）
- 行內標籤(行內標籤不能設定寬高，但是input，img可以）
a i（斜體) strong b em input label span button textarea img

- 塊級標籤（獨佔一行）
div p h1~h6 ul li table form dl ol select

2. CSS（層疊樣式表）
- 第一種：<div style=""></div)
- 內接式：<style><style>
- 外接式：<link src=".statics/css.css"></link>

- 基本選擇器
id: 權重100
class：10
標籤選擇器：1
繼承的樣式：0

如果權重相同，以後面的為準

- 定位
position: "fixed"
position: "relative" (參考：自己原始位置)
position: "absolute" （參考：最近父標籤）

-行內標籤和塊級標籤的相互轉化
display：block, inline, inline-block

- 高階選擇器
- 後代選擇器 div .active {}
- 子代選擇器 div > .active {}
- 組合選擇器 div, .active {}
- 交集選擇器 div.span.div

3. JavaScript
- 操作物件也是標籤
- JavaScript基本資料型別
String, Number, null, boolean, undefine
引用型別：Object(字典), Array(列表), function

- 如何例項化一個物件？
- 通過建構函式（Date，Object，Array）：new Date(), new Object(), new Array()
- 字面量：var obj = { 'name': "pizza" }, var ary = []
- 自定義的方式
function Foo(name, age) {
this.name = name;
this.age = age;
}

var foo = new Foo("pizza", 18);

- DOM操作
第一步：找到事件源（document.getElementById("app")
第二部：繫結事件
第三部：操作標籤（文字值，標籤屬性，class="active", innerText = "Hello World")

document.getElementById("app").style.color = 'red';

- BOM操作
window.reload()
window.hash()
window.location()
window.href()
window.history()

4. jQuery（JavaScript庫，封裝很多的好用的介面，標籤的便利）
$("#app").css({'color', 'red', 'background-color': 'black'})

5. bootstrap