1、做網頁需要先佈局，使用div佔塊佈局，佈局的原則從上到下，從左到右，從大到小；
2、css的引入方式有四種：
- 內部樣式表，直接在html文檔的head部分增加style標籤，對屬性進行設置；
- 鏈入外部樣式表，使用link鏈接外部的css文件；
- 導入外部樣式表，使用@import導入
- 直接在標籤文件中寫入樣式
3、div默認是獨佔一行的
4、float是飄的意思，浮動元素必須有width，不然浮動元素就會無限往兩邊飄，導致在頁面中無法看到；
5、float下面普通的div元素會被浮動元素擋住，父div不能被撐起來，導致看不到，解決問題方法有：
- 給父div一個高度；
- 在父div下面添加一個空的div命名爲clr，其樣式設置爲{clear：both；width：0px；height：0px；}
6、父div中有兩個浮動div，父div是不能被撐起來的，其高度爲0；
7、浮動元素上方還可以再放置浮動元素；
8、新手會犯的錯誤有：
- 不加Doctype，導致低版本的IE解析效果不一樣；
- 數字作爲id，導致css 樣式不能起作用；
- 聲明的編碼charset與所用的編碼要一致。
9、盒模型：把div當成一個盒子來看待，盒子與盒子直接的距離叫margin（外邊距），盒子壁的厚度叫bord（邊框），盒子壁與內容物之間的距離叫padding（內邊距），裏面放的東西叫做content（內容物）；
10、父元素的浮動元素超過父元素的總寬度，就會被擠下來，導致浮動元素不在一行裏；
11、針對類寫css比較省事，可以對更多的元素起作用；
12、css畫三角形，檔border比較寬，而元素的width和height很小時，border的形狀會變成三角形。
