1.div是一個塊元素，塊元素默認占據(jù)腹肌元素的寬度，由內(nèi)容撐開高度。

2.外部引入css的時候，可以在第一行加入：
@charset"UTF-8"

3.css的引入：
行內(nèi)：特殊情況
內(nèi)部：大型網(wǎng)站的首頁，寫在頭部
外部引入：小型網(wǎng)站

4.css優(yōu)先級：范圍越大，優(yōu)先級越小
行內(nèi) 》id 》類 》 標簽

5.id一般給js操作用，類名多單詞建議用-連接，id用小駝峰

6.樣式書寫順序：
顯示樣式（浮動，定位，展示方式，超出狀態(tài)以及可視化）
自身樣式（寬度高度等）
文本樣式
css新樣式

7.margin特殊應(yīng)用：對于有高度的塊元素，水平設(shè)為auto居中 。

8.當兩個快元素均設(shè)置縱向外邊距的時候，第一個元素的下外邊距會和第二個元素的上外邊距可能會重合。

9.父子之間用padding，兄弟之間用margin會減少代碼量。

10.邊框是從兩個角，45度延伸，最后兩條線的延伸線會交叉成一點。

11.浮動的原因：既能設(shè)置寬高，又能夠跟其他元素處于同一行。

12.左浮動，從右下開始，右浮動從左下開始，左右浮動互不影響。

13.浮動影響父級高度元素，脫離文檔流，影響兄弟元素布局。

14.清理浮動：
a.為接下來的兄弟元素設(shè)置clear樣式，當下一個元素有頂外邊距的時候，設(shè)置完clear會它失效，可以讓上方的設(shè)置下外邊距。
b.為當前浮動元素的父級元素添加after偽元素清除浮動：

.clearfix:after {
  content: '\200B'， /* 內(nèi)容，偽元素沒有內(nèi)容不會顯示，它是一個零寬度的空格*/
  clear: both;
  display: block;
  height: 0;
}
.clearfix {
  * zoom: 1;
}

它可以寫入樣式重置的css當中。