盒子模型-外边距：maragin
是指盒子与同级元素或父元素之间的距离
简写：maragin：1-4个值
1、1个值，代表4个方向的边距
2、2个值，第一个单表上下，第二个代表左右
3、3个值，第一个单表上，第二个代表左右，第三个代表下
4、四个值，代表上、右、下、左
分方向：
maragin-top 上 maragin-bottom 下 maragin-right 右 maragin-left 左
盒子模型-边框：border
边框分四个方向，分别为border-left；border-right；boder-top；boder-bottom
边框样式有三，分别为
coloer；width；style
组合后
border-left-color；boder-left-width；boder-left-style
缩写形式
针对某一边框：
border-left：颜色 宽度 样式；位置可变，颜色可省
针对四个边框：
boder：颜色 宽度 样式；位置可变，颜色可省
盒子模型-边框：padding
padding:内容与盒子边框之间的距离，用法等同于margin
技巧：
1、布局将盒子在浏览器中水平居中：maragin：0px auto；或者maragin-left：auto；maragin-right：auto；
2、去除<body>与浏览器中间空隙：body：{margin：0px}
3、对CSS进行reset：
*{margin: 0px;padding: 0px} 尽量写标签名称
4、选择器：
a、后代选择器：li a{}; .item a{}
是指盒子与同级元素或父元素之间的距离
简写：maragin：1-4个值
1、1个值，代表4个方向的边距
2、2个值，第一个单表上下，第二个代表左右
3、3个值，第一个单表上，第二个代表左右，第三个代表下
4、四个值，代表上、右、下、左
分方向：
maragin-top 上 maragin-bottom 下 maragin-right 右 maragin-left 左
盒子模型-边框：border
边框分四个方向，分别为border-left；border-right；boder-top；boder-bottom
边框样式有三，分别为
coloer；width；style
组合后
border-left-color；boder-left-width；boder-left-style
缩写形式
针对某一边框：
border-left：颜色 宽度 样式；位置可变，颜色可省
针对四个边框：
boder：颜色 宽度 样式；位置可变，颜色可省
盒子模型-边框：padding
padding:内容与盒子边框之间的距离，用法等同于margin
技巧：
1、布局将盒子在浏览器中水平居中：maragin：0px auto；或者maragin-left：auto；maragin-right：auto；
2、去除<body>与浏览器中间空隙：body：{margin：0px}
3、对CSS进行reset：
*{margin: 0px;padding: 0px} 尽量写标签名称
4、选择器：
a、后代选择器：li a{}; .item a{}
b、并集选择器：li，a{};
浮动：
1、浮动会产生什么影响？
如果一个元素的所有子元素都使用了浮动，则该父元素高度为0，后续布局会受到影响。
2、如何消除浮动带来的影响？
a、在父元素中添加一个块级元素，并设置clear：both；
b、为父元素添加如下样式类：
.clearfix:after{
content: "";
display: table;
clear: both;
}
1、浮动会产生什么影响？
如果一个元素的所有子元素都使用了浮动，则该父元素高度为0，后续布局会受到影响。
2、如何消除浮动带来的影响？
a、在父元素中添加一个块级元素，并设置clear：both；
b、为父元素添加如下样式类：
.clearfix:after{
content: "";
display: table;
clear: both;
}
<div class="clearfix"></div>
border-radius 边框圆角，两个参数，以/分隔，前/为x轴，后/为y轴。如果/后没有参数，则y轴与x轴值一样。
第一个参数为x轴，有1-4个参数：
1、代表4个角的角度
2、第一个值代表左上+右下，第二个值代表右上+左下
3、第一个值代表左上，第二个值代表右上+左下，第三个值代表右下
第一个参数为x轴，有1-4个参数：
1、代表4个角的角度
2、第一个值代表左上+右下，第二个值代表右上+左下
3、第一个值代表左上，第二个值代表右上+左下，第三个值代表右下
4、4个角按顺时针方向
box-shadow 盒子阴影
第一个参数x-offset：x轴的偏移量，可正负；
第二个参数y-offset：y轴的偏移量，可正负；
第三个参数bler-radius：模糊半径，只能为正，越大越模糊；
第四个参数spread-radius：扩展半径，可正负，正，外延越大；负，外延向内；
第一个参数x-offset：x轴的偏移量，可正负；
第二个参数y-offset：y轴的偏移量，可正负；
第三个参数bler-radius：模糊半径，只能为正，越大越模糊；
第四个参数spread-radius：扩展半径，可正负，正，外延越大；负，外延向内；
第五个参数color：模糊的颜色
