內容（content）的相關屬性
補充：
標准盒子模型： content+padding+border+margin（例如：盒子寬度為：width+border*2+padding*2+margin*2 標准寬度不包含margin）
IE盒子模型： content包含border與padding (盒子寬度為：width+margin*2)
內邊距（padding）與外邊距（margin）的相關屬性
可以分開寫，也可以簡寫，簡寫遵循上右下左的順序：
注意：
1.只有設置了定位（relative,absolute,fixed）的盒子，top、right、bottom、left才能生效
2.如果只寫了3個值，則順序為： 上，左右，下
重點：水平方向上的margin沒有這種現象
1.上下margin的傳遞（子傳父）
解決方案：
1.實際開發中，如果里面的元素不方便設置外邊距，可以設置父元素的內邊距。
2.給父元素定義一個邊框
3.給父元素設置： overflow: hidden;
2.上下margin的折疊
垂直方向上的maegin-top和margin-bottom會合並為一個margin，值為其中較大的那個margin值。
邊框（border）的相關屬性
border-style的相關取值：常用的只有soild和dashed
一般的描述border的簡寫方式為： border: 寬度 樣式 顏色；（border: 1px soild #ffffff; 順序任意）
border-radius設置圓角：
圓角的radius值為元素大小的一半時，則會變成一個圓形
當然，也可以通過設置百分比來確定樣式： 50%剛好為圓形
與相似的屬性outline
元素的陰影效果:
box-shadow
length可以寫2~4個，偏移距離的單位為px，inset和color可寫可不寫
注意：陰影可以寫多個：
這里就可以實現元素的左右兩邊都會有5px的陰影（但這個方法不好，會導致下方的陰影重疊顏色變深）
text-shadow
為文字添加陰影效果，與box-shadow同理
注意：text-shadow還適用於偽元素，例如此處作用於第一行和第一個文字：
border-size
盒子的大小由content、padding、border三部分組成。默認情況下盒子大小的值為content-box,所以此時設置padding和border時，盒子會大於width和height的值。
不同元素的水平居中（重點理解）
margin: 0 auto; 只能設置水平居中，垂直方向上意味着父元素高度必須是auto才可以，當父元素高度為auto，那么它的高度就等於子元素高度，上下都頂住了就沒有垂直居中這一說了
background-image
background-repeat
參數： repeat 默認值，即平鋪
repeat-x（y) 橫(縱)向鋪
no-repeat 只鋪一張
background-size 拉伸圖片使其覆蓋元素
cover： 拉伸圖片使其覆蓋整個元素，可能會導致圖片變形
contain：按圖片比例拉伸之一個方向充滿元素為止，圖片不會變形
還有其它屬性
background-position 設置背景圖片的位置
小練習：當縮小或者放大顯示界面時，背景圖也會隨之移動（不是變大變小）永遠顯示圖片的中心部分
background-attachment(了解)：背景圖是否滾動
background的簡寫格式
cursor
