上周用了一周的時間，周一到周五平均每天2-3小時，周六、周日每天各8小時，看網易雲課堂燕十八的HTML+div+CSS視頻，感覺還不錯，按照視頻的講課思路大概做個總結吧。
基本思路：從大的方面（整體結構）着手，將HTML（4.0）的基本知識“解構”然后運用，先不求學全，先學會用。
學習效果：掌握了下面的知識，基本就可以動手寫各大網站的首頁了，主要是練習使用div布局和CSS效果顯示。
一、html的文檔結構
doctype 文檔類型
Strict：包含所有 HTML 元素和屬性，但不包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。
Transitional：包含所有 HTML 元素和屬性，包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。
Frameset：等同於Transitional但允許框架集內容。如果要寫框架就要聲明這一種。
head
title：瀏覽器工具欄中的標題、頁面被添加到收藏夾時顯示的標題、顯示在搜索引擎結果中的頁面標題
meta：元數據不會顯示在頁面上，但是對於機器是可讀的。
規定頁面的描述、關鍵詞、文檔的作者、最后修改時間以及其他元數據。
<meta> 標簽始終位於 head 元素中。
元數據可用於瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他 web 服務。
style：標簽用於為 HTML 文檔定義樣式信息。
body 主要就是div和各類標簽
二、用div來控制布局
布局原則：從大到小、從上到下、從左到右
盒子模型：有寬（width）高（height），有邊框（border）、有外邊距（margin）、有內邊距（padding）
浮動布局：div可以”飄“起來（float）、也可以清除浮動（clear）
自己可以嘗試用簡單的div+背景色，來試着布局，增強自己的”大局觀“。
三、用CSS來控制顯示效果
先了解各類選擇器：di、class、標簽、派生、偽類、通配
再了解各類效果如何控制
段落控制
text-align 文本水平對齊設置
text-decoration 划線方式
letter-spacing 文本中單字的間隔
text-transform 大小寫轉換
文字控制
color 顏色設置 font-style 斜體設置 font-weight 文字粗細 font-size 文字大小 font-family 文字字體
背景控制
background-color 顏色
background-image 圖片
background-repeat 圖片平鋪
background-attachment 滾動
background-position 圖像在背景中的位置
CSS的引入方式：頁內style標簽、外部CSS文件、行內style標簽、import導入
CSS的初始化
原因：瀏覽器對元素有默認的CSS參數，且可能不一致，導致瀏覽器之間顯示效果不一樣
解決方法：統一對常用元素常用CSS參數，手動設定統一效果
四、html標簽
無語義標簽：div、span
有語義標簽
h1-h6 標題
p 段落
img 圖片
a 超鏈接和錨點
ul 無序列表
ol 有序列表
table 表格