Div{
Width:300px尉间；
Height:400px锹引；
Background:red冶伞；
Border:5px,blue solid；
Margin:20px恳蹲；
Padding:30px虐块；}?? 普通的是寬370,px，高470px阱缓。（寬度就是center+border+padding）
?加上box-sizing:border-box??? 怪異盒模型就是寬300px 高400px
行內(nèi)塊元素非凌，可以設(shè)置寬高但是不換行。Display:inline-bolck
Padding :10px 10px 10px 10px? 上右下左
Padding：10px 10px
10px 上 左右 下 padding:10px 10px上下 左右
Margin可以給負(fù)荆针，會超出邊界敞嗡。
寫在下面的會把之前同屬性覆蓋颁糟。
Display:? block可以將行內(nèi)元素變成塊元素 inline-block將塊變成行內(nèi)。
行內(nèi)樣式左右的margin生效喉悴，上下不生效
Vertical-align:middle 文字居中棱貌，可用于圖片中，Vertical-align:text-top文字靠上部
Vertical-align:表示文字以什么方式對齊
Ul li:first-child表示在ul中的第一個li
Ul li:nth-child(10)指的是ul中第10個li
Background-position-y:-20px在hover中使用箕肃，表示鼠標(biāo)懸停時跳轉(zhuǎn)到y(tǒng)軸的-20px
Ui li是后代選擇器婚脱，所有的后代都管用 ui>li{ }這個是子選擇器，只有兒子管用勺像。
盒子
Padding 內(nèi)邊距障贸，會改變div顯示的寬高，margin外邊距
Solid表示實線吟宦，broder表示邊框
Border-top-width:10px
Border-top-height:10px
Border-top-style:solid這三個組成了broder篮洁，需要先固定樣式
盒子模型是由margin,padding,content,border組成的
Border,background,font都是復(fù)合屬性
