boder的可選值：
none，預設值，無邊框
solid，實線
dotted，點狀邊框
dashed，虛線
double，雙線
margin還可以設定為auto，auto一般只設定給水平方向的margin
如果只指定，左外邊距或右外邊距的margin位auto則會將外邊距設定為最大值。
垂直方向外邊距如果設定為auto，則外邊距預設為0
瀏覽器預設樣式
瀏覽器為了在頁面中沒有樣式時，也可以有乙個比較好的顯示效果，所以為很多額元素設定了一些預設的margin和padding，我們往往在編寫樣式之前將這些預設的樣式去掉。
*display和visibility
通過display可以修改元素的型別，可選值：
inline：將乙個元素作為內聯元素顯示。
block：將乙個元素設定塊元素顯示。
inline-block：將乙個元素轉換為行內塊元素，可以使乙個元素既有行內元素的特點又可以有塊元素的特點，既可以設定寬高又不會獨佔一行。
通過visibility可以用來設定元素的顯示和隱藏狀態，可選值：
visible：預設值，元素在頁面顯示。
hidden：元素隱藏不顯示，但在頁面中佔位。
overflow
設定父元素如何處理溢位內容，可選值：
visible：預設值，不對溢位的內容做處理，元素會在父元素以外的位置顯示。
hidden：溢位的內容會被修剪，不會顯示。
scroll：為父元素新增滾動條，該屬性無論內容是否溢位，都會新增水平和垂直雙方向的滾動條。
auto：會根據需求自動新增滾動條。
block formatting context
bfc屬性預設關閉，開啟後有如下特性：
1.父元素的垂直外邊距不會和子元素重疊。
2.開啟bfc的元素不會被浮動元素所覆蓋。
如何開啟bfc
1.設定元素浮動，使用這種方式開啟，雖然可以撐開父元素，但會導致父元素的寬度丟失，而且這種方式也會導致下邊元素上移，不能解決問題。
2.設定元素絕對定位
3.設定元素為inline-block，可以解決問題，但是會導致寬度丟失，不推薦使用這種方式。
4.將元素的overflow設定為乙個非visible的值，推薦設定為hidden，***最小的開啟bfc方式。
在ie6及以下中不支援，支援haslayout，開啟haslaout直接將元素的zoom設定為1即可，zoom表示放大的意思，後邊跟著的數值表示將元素放大幾倍，1表示不放大元素，通過該方式可以開啟haslayout。zoom這個樣式只在ie中支援，其他瀏覽器都不支援。在ie6中為元素設定寬度預設開啟haslayout。
clear清除浮動
可選值：
none：預設值，不清除浮動。
left：清除左側浮動元素對當前元素的影響。
right：清除右側浮動元素對當前元素的影響。
both：清除兩側浮動元素對當期元素的影響，清除對他影響最大的那個元素。
清除浮動後，元素回到其他元素浮動前的位置。
解決高度塌陷
可以直接在高度塌陷的父元素最後新增乙個空白的div，由於這個div沒有浮動，所以他可以撐開父元素的高度，然後對其進行清除浮動，基本沒有***，但是會新增多餘的結構。
可以直接通過父元素的偽類:after清除浮動。
.class:after
但在ie6中不支援after偽類，要結合
.class
使用。position定位
可選值：
static：預設值，元素沒有開啟定位
relative：開啟元素相對定位
absolute：開啟元素絕對定位
fixed：開啟元素的固定定位（也是絕對定位的一種）
position：relative
1.當元素開啟了relative相對定位後而不設定偏移量，元素不會發生任何變化。left、right、bottom、top。
2.相對定位是相對於元素在文件流中原來的位置進行定位。
3.相對定位的元素不會脫離文件流。
4.相對定位會使元素提公升乙個層級。
5.相對定位不會改變元素的性質，塊還是塊，內聯還是內聯。
position：absolute
1.開啟絕對定位，會使元素脫離文件流但不設定偏移量，元素不會發生任何變化。
2.絕對定位相對於離它最近的開啟了定位的祖先元素進行定位的，如果所有的祖先元素都沒有開啟定位，則會相對於瀏覽器視窗進行定位，一般開啟了子元素的絕對定位都會同時開啟父元素的相對定位。
3.相對定位會使元素提公升乙個層級。
4.絕對定位會改變元素的性質，內聯元素會變成塊元素，塊元素的高度和寬度預設都被內容撐開。
position：fixed
固定定位也是一種絕對定位，它的大部分特點都跟絕對定位相同，不同的是：
1.固定定位永遠都相對於瀏覽器視窗進行定位。
2.固定定位永遠都會根據瀏覽器某個位置，不會隨滾動條滾動。
在ie6中不支援固定定位。
10 . 層級
1.對於沒有開啟定位的不能使用z-index。
2.如果定位層級一樣，則下邊的元素會蓋住上邊的。
3.可以我z-index指定乙個正整數作為值，該值將作為當前元素的層級，層級越高，越優先顯示。
4.父級元素層級再高也不會蓋住子元素。
H5前端開發筆記（一）
用於首頁火柴效果與雲彩效果 經測驗css3的寫法可以完美實現幀動畫，儘管ie8及以下不支援，而使用jquery會有明顯的卡頓。webkit keyframes fire 5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 84 88 92 96 100 fi...
H5前端基礎 布局
浮動 使用float來設定元素浮動 可選值 none 預設值，不浮動，元素在文件流中 left 元素向左浮動 right 元素向右浮動 特點 1.元素浮動以後會完全脫離文件流 2.浮動以後元素會一直向父元素的最上方移動 3.直到遇到父元素的邊框或者其他的浮動元素，會停止移動 4.如果浮動元素的上邊是...
H5初學者 css屬性學習筆記
第一節 浮動說明 新增浮動的元素不佔據空間 脫離文件流 注 只要子元素有浮動，父元素必須新增高度！暫時性記住 第二節 頁面布局 設計圖 版式寬度 1920 1680 網頁的版心 960 1200 結構規劃 id名稱 網頁外圍結構 pc端 版心寬度不能用百分比！怎樣讓版心左右居中？給要做居中的版心元素...