感悟

學了倆天HTLM5和幾天的CSS就開始練習寫網頁 ，那叫一個心酸 寫第一個網頁的時候 在塊裏面放6張圖片及圖片下面的文字 結果圖片大了超出了塊的範圍，後來才知道把圖片的寬給設置成1/6， 在一張大圖力有許多小圖 當時用了大的div套小的div 差點把本身給套暈了 後來才知道能夠用定位 後來又寫了兩個網頁總結了一點小經驗

1·一個大的div裏面有許多小塊時，不用大塊裏面套小塊，再套小塊  能夠直接定義多個小塊，方法1 用絕對定位的方法解決

                                                                                                                      方法2 相對定位解決（視狀況而定 有些時候用此方法很差解決）

                                                                                                                       方法3 用列表的方法  再用浮動也可到達效果

2·a標籤 p標籤 h標籤 等均可以用定義的方式 方便在CSS中快速的添加樣式

3·a標籤 p標籤 h標籤等可轉換成塊元素後設置寬高等屬性

 

4·行內元素在浮動後會轉換成塊元素

5·margin外邊距和padding內邊距的效果不一樣 。margin能夠使元素的位置移動 padding則能夠使元素容器的大小

6·div中內容垂直居中的方法目前有兩種 一是padding內邊距

                                                    二是line-hight行高法

  7·背景圖片和插入圖片的區別 在一個塊裏設置背景圖片填滿 塊裏面還能夠添加div 添加圖片（各類圖標 a標籤等） 

                                          若是插入了圖片那麼 塊裏面就不能能夠添加div 添加圖片 會被遮擋 達不到預期的效果