1.背景圖片和插入圖片的區別：

　　1>.在網頁中如果插入了一張圖片後，容器會隨著圖片的大小發生變化；如果插入一張背景圖片容器不會隨著圖片的大小而變化。

　　2>.插入圖片如果太小不會對網頁的容器帶來任何影響，圖片也不會變大來填滿容器；而背景圖片會自動重復的去填滿整個容器。

　　3>.在插入的圖片上可以運用熱點鏈接，可以設置它的屬性，改變大小；但背景圖片上只能設置圖片的對齊方式和是否重復。

　　4>.在插入的圖片上我們不可以添加其他的文字、圖片；而在背景圖片上可以添加任何文字、圖片。

2.DIV+CSS的優點：

　　1>.彌補html語言的不足

　　2>.縮減頁面代碼，提高訪問速度

　　　　　代碼減少，頁面文件就會小，占用網絡帶寬就少，客戶打開速度就快，用戶體驗就會更好。

　　3>.結構清新，有利於SEO

　　　　　——有利於搜索引擎優化　　　　——縮短改版時間　　　　——對網絡重構有很好的支持

3.margin-top不生效的解決辦法：

　　1>.在父層div加上：overflow：hidden（超出部分會被裁切）

　　2>.把margin-top外邊距改成padding-top內邊距

　　3>.給父元素添加邊框（會影響盒子的實際大小）

　　4>.給父元素添加float（會影響布局結構）

　　5>.給自身添加float（會脫離正常的文檔流）

　　6>.給父元素添加padding（會影響盒子的實際大小）

4.兩個div，上邊距設置距離下邊的margin-bottom，下邊距設置距離上邊的margin-top時，計算時按它們的最大值計算，而左右為margin-left與margin-right之和。

html5小總結