width
width:200px
width:50%
height
height:100px
height:50%
50%繼承于父元素
適用于塊級元素
padding
padding:40px 20px 20px 10px
padding:40px 20px
padding:40px 20px 20px
padding:40px
縮寫 寫了右填充等價于設(shè)置左填充
縮寫 寫了上填充等價于設(shè)置下填充
margin外邊距
margin會合并
- 相鄰元素
- 父元素和第一個/最后一個子元素
水平居中
margin:0,auto;
border
border:[<border-width>|<border-style>|<border-color>]
border-width:[<length>]
border-style:[solid|dashed|dotted]
border-color:[<color>|transparent]
border-radius角度設(shè)置
border-radius:<length>|<percentage>
border-radius:10px外驱；
border-radius:0px 5px 10px 15px/
20px 15px 10px 5px;
border-radius:50%是一個圓
overflow:visible|hidden|scroll|auto
超出部分可見 隱藏 滾動 超出時滾動
可單獨設(shè)置方向滾動條
box-sizing
box-shadow
outline
不占據(jù)空間
