内容（content）的相关属性
补充：
标准盒子模型： content+padding+border+margin（例如：盒子宽度为：width+border*2+padding*2+margin*2 标准宽度不包含margin）
IE盒子模型： content包含border与padding (盒子宽度为：width+margin*2)
内边距（padding）与外边距（margin）的相关属性
可以分开写，也可以简写，简写遵循上右下左的顺序：
注意：
1.只有设置了定位（relative,absolute,fixed）的盒子，top、right、bottom、left才能生效
2.如果只写了3个值，则顺序为： 上，左右，下
重点：水平方向上的margin没有这种现象
1.上下margin的传递（子传父）
解决方案：
1.实际开发中，如果里面的元素不方便设置外边距，可以设置父元素的内边距。
2.给父元素定义一个边框
3.给父元素设置： overflow: hidden;
2.上下margin的折叠
垂直方向上的maegin-top和margin-bottom会合并为一个margin，值为其中较大的那个margin值。
边框（border）的相关属性
border-style的相关取值：常用的只有soild和dashed
一般的描述border的简写方式为： border: 宽度 样式 颜色；（border: 1px soild #ffffff; 顺序任意）
border-radius设置圆角：
圆角的radius值为元素大小的一半时，则会变成一个圆形
当然，也可以通过设置百分比来确定样式： 50%刚好为圆形
与相似的属性outline
元素的阴影效果:
box-shadow
length可以写2~4个，偏移距离的单位为px，inset和color可写可不写
注意：阴影可以写多个：
这里就可以实现元素的左右两边都会有5px的阴影（但这个方法不好，会导致下方的阴影重叠颜色变深）
text-shadow
为文字添加阴影效果，与box-shadow同理
注意：text-shadow还适用于伪元素，例如此处作用于第一行和第一个文字：
border-size
盒子的大小由content、padding、border三部分组成。默认情况下盒子大小的值为content-box,所以此时设置padding和border时，盒子会大于width和height的值。
不同元素的水平居中（重点理解）
margin: 0 auto; 只能设置水平居中，垂直方向上意味着父元素高度必须是auto才可以，当父元素高度为auto，那么它的高度就等于子元素高度，上下都顶住了就没有垂直居中这一说了
background-image
background-repeat
参数： repeat 默认值，即平铺
repeat-x（y) 横(纵)向铺
no-repeat 只铺一张
background-size 拉伸图片使其覆盖元素
cover： 拉伸图片使其覆盖整个元素，可能会导致图片变形
contain：按图片比例拉伸之一个方向充满元素为止，图片不会变形
还有其它属性
background-position 设置背景图片的位置
小练习：当缩小或者放大显示界面时，背景图也会随之移动（不是变大变小）永远显示图片的中心部分
background-attachment(了解)：背景图是否滚动
background的简写格式
cursor
