1.表單美化
表單元素：input select textarea
獲得焦點的偽類 :focus
/獲得焦點/
input:focus
/滑鼠懸停/
input.sub:hover
2.定位
定位使用：要和座標結合起來
座標用於控制位置（x,y） x:用left或者right ，y:用top或者bottom
（1）相對定位 position: relative;
特點：相對自身原來的位置，不影響其他元素的位置
（2）絕對定位 position:absolute
特點：相對於離它最近的帶有position屬性的父元素，會影響其他元素的位置，脫離標準文件流
（3）固定定位 position:fixed
特點：相對於螢幕，會影響其他元素的位置，脫離標準文件流
作用：製作廣告欄。
經驗：外層設定相對定位，裡層設定絕對定位
2.1 z-index層級
值順序，預設0，負數底層 正數上層
2.2 透明度
opacity：取值為0-1的數字
元素透明：整個背景文字都會有透明效果
3.浮動：
float：left/right
特點：浮動元素會脫離文件流，會影響其他不浮動元素
所有浮動元素會按照浮動方向，如果瀏覽器能夠容納浮動元素的空間，就會併排顯示，
否則會另起一行顯示。
清除浮動
clear:left/right/both
經驗：通常在浮動元素的外層巢狀div，防止對後面非浮動元素的影響，導致頁面序列。
3.1.overflow屬性
父元素高度塌陷問題：
發生時機：該父元素的所有子元素都是浮動元素時
解決辦法：在父元素上設定overflow為hidden
CSS定位 浮動定位
css定位機制 浮動定位 float屬性 進行浮動定位 left，right clear屬性 清除浮動 left，right，both float屬性 1.概述 div實現橫向多列布局 float屬性 left 左浮動 right 右浮動 none 不浮動 下圖為 的實現 float屬性用途 在 混...
css浮動定位
請看下圖，當把框 1 向右浮動時，它脫離文件流並且向右移動，直到它的右邊緣碰到包含框的右邊緣 如果把所有三個框都向左移動，那麼框 1 向左浮動直到碰到包含框，另外兩個框向左浮動直到碰到前乙個浮動框。在 css 中，我們通過 float 屬性實現元素的浮動。浮動框旁邊的行框被縮短，從而給浮動框留出空間...
CSS浮動定位
left 左浮動，左邊沒有任何元素 right 右浮動，右邊沒有任何元素 none 不浮動 清空左右的浮動元素 both 清除左右兩邊的浮動 left和right 只清除乙個方向的浮動 none是預設值 只在需要移除一直盯的清除值時用到 如果乙個元素的子元素都浮動起來，那麼他的父元素的高度自動坍塌到...