浮動和定位的區別：
對元素使用浮動，那麼這個元素依然存在於文件流中，周圍的元素也會感受到他的存在；
定位的話，能夠實現精準定位於某乙個位置上，定位的元素將不佔據空間，就像消失了一樣
被定位過的容器（無論是絕對還是相對）的左上角將作為該容器中定位元素的起始點
小tips：
對於浮動元素，而且還會有水平margin的情況下，在ie瀏覽器中會出現外邊距加倍的情況
解決辦法：給那個浮動的元素加上display：inline；
讓元素居中的方法：
1.使用margin:px auto的時候，必要條件是必須要給這個元素指明寬度；
2.使用絕對定位加上負外邊距，絕對定位50%；給定位的元素加上margin：-元素寬度的一半（容易理解）；
防止浮動導致的高度塌陷的方法之一：
空標籤,在浮動元素的後面新增乙個空標籤，然後給這個空標籤新增樣式clear：both，來防止高度塌陷
css禪意花園 css禪意花園之絕對定位的技巧
通過禪意花園的第26號作品 the beauty of css design 了解絕對定位的技巧。因為css禪意花園的html 檔案都是固定的。通過改變css 檔案的內容來給人們展示不同效果。html 檔案如下 2.要將html 檔案底部的div 絕對定位到最前面。讓黃色徽章，城市等背景居中。3.其...
css 禪意花園 設計
顏色 作用顏色可以象徵一些普遍的事物從而引發人的一些情緒。事例1.紅色 暖色，容易聯想到火焰和辛辣的胡椒粉。代表力量 活力 愛 激情 進攻 危險 2.棕色 象徵土地，大自然 3.橙色 愉快 幸福 4.藍色 信任 保守 安全 清潔 悲傷 有序 5.綠色 大自然 健康 嫉妒 復甦 6.黃色 樂觀 希望 ...
放鬆讀物，再看css禪意花園 第一章繼續學到的教訓
禪意花園的主要目的是為了演示基於標準進行設計所能實現的效果。css是一種用來增強某種基本標記語言的設計性語言。主流瀏覽器對css的支援在大體上已經足夠完善。很多 都轉向使用css且基於標準進行設計，設計者也自然享受到了基於標準所帶來的好處。基於web標準開發的好處 基於web標準的設計要同時使用cs...