/*margin属性值四个
* 1、只写一个值：四个方向都是这个值
* 2、两个值则是上右，左边默认等于右边，下边默认等于上边
* 3、写三个值则是上右下
* 4、四个值则是上右下左
* 5、auto:写三个值加auto;控件居右显示
* margin：20px 10px 30px auto，距离右边10px
margin：0 auto;设置控件在父容器中，水平居中
*/
/*padding
* 使用方式，用margin1-4
* 注意：使用时会将整个控件撑大。需要注意控件可视大小
*/
/*border外框
* 三个属性:width style color
* 三个属性都要指定（color不写，默认为黑色）
*/
/* [border-radius 圆角]
* 1、可以接受8个属性值： X轴(左上、右上、右下、左下)/Y轴
* 例如：border-radius: 50px 50px 50px 50px / 50px 50px 50px 50px;
* 2、只写X轴时，Y轴默认等于X轴。只写左上角，默认=右下角。只写右上角，默认=左下角
* 例如：border-radius: 50px 0px ;
* =border-radius: 50px 0px 50px 0px;
* =border-radius: 50px 0px 50px 0px/50px 0px 50px 0px;
*
* 3、只写一个数，默认8个值均相等。
*/
/* [box-shadow 盒子阴影]
* 1、六个属性值，空格分割：
* x轴阴影距离：(必选) 可正可负，正——右移 负——左移
* y轴阴影距离：(必选) 可正可负，正——下移 负——上移
* 阴影模糊半径：(可选) 只能为正，默认为0。数值越大，阴影越模糊
* 阴影扩展半径：(可选) 可正可负，默认为0。数值增大，阴影扩大。数值减小，阴影缩小
* 阴影颜色：(可选) 默认为黑色
* 内外阴影：(可选) 可选值：inset(内阴影) 默认为外阴影
*/
