學習02-css盒子模型

邊框border：

屬性	用途	注意
border-color	邊框顏色	顏色用十六進制#fff
border-width	邊框寬度	單位px
border-style	邊框樣式	solid實線，dashed虛線，dotted點線
綜合寫法	邊框 樣式 顏色	border：1px solid red；
border-top-style	單獨指定邊框	border-top-style：1px solid red；

外邊框margin：

marign:0 auto;

內邊距padding：

padding: 0 auto;

盒子陰影:

box-shadow:水平陰影 垂直陰影 模糊距離（虛實） 陰影尺寸（影子大小） 陰影顏色 內/外陰影;

值	描述
h-shadow	水平陰影
v-shadow	垂直陰影
blur	模糊距離
spread	陰影的尺寸
color	陰影顏色
inset	內/外陰影
綜合寫法	box-shadow:0 15px 30px rgba(0,0,0,.3);

圓角邊框：

border-radius：length;

盒子坍塌解決方案：

1.能夠給父元素定義上邊框 transparent透明	border-top：1px solid transparent；
2.能夠給父級指定一個上padding值	padding-top：1px;
3.能夠給父元素添加overflow：hidden	overflow：hdden；