先導片：製作你的第一個網頁
實操：歌單推薦模組分析
知識點：三種樣式表
實操：樣式表引入（div和標題標籤）
實操：標題實作（選擇器+CSS常用樣式）
實操：列表分析
知識點：列表類別標籤
知識點：img
知識點：相對、絕對路徑
知識點：超連結a標籤
實操：清單佈局部分實現
知識點：浮動
知識點：盒模型-margin邊界
知識點：盒子模型-padding內填充
知識點：行高
實操：歌單推薦-列表實現
實操：新歌首發-標題與導航的實現
實操：新歌首發-列表中第一個小盒子
知識點：邊框
實操：新歌首發-列表實現
實操：精彩推薦模組實現
實操：排行榜-標題實現
知識點：背景(顏色、圖片、重複)
知識點：背景(定位、滾動)
實操：排行榜-列表佈局實現
實操：排行榜-列表樣式實現
知識點：標籤類型
實操：底部-下載客戶端
實操：底部-特色產品
實操：底部-合作鏈接
實操：底部-開放平台與TME集團官網
實操：底部-copyright
實操：頭部-logo
知識點：定位（相對、絕對定位）
知識點：固定定位_高清
實操：頭部-導航實現
知識點：表單元素（reset重錄）
知識點：圓角
實操：頭部-搜尋框實現
實操：頭部-登陸、開通VIP、充值
知識點：邊框三角形、偽元素
實操：頭部-給開通VIP和充值加三角形
實操：頭部-二級導航
HTML是一種規範，一種標準，它透過標記符號來標記要顯示的網頁中的各個部分。 CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支援幾乎所有的字體字號樣式，擁有對網頁物件和模型樣式編輯的能力。
