一，盒模型
key：box-sizing
| value | 简介 |
|---|---|
| content-box | 默认值；标准盒模型，盒模型是外扩的，也就是width与height只包括内容的宽和高；也就是说在width和height之外绘制的元素的内边距和边框。 |
| border-box | 怪异盒模型，盒模型是内减的；width和heitght属性包括content、padding、border但不包含margin |
二，边框圆角
key：border-radius；它是一个复合属性
作用：设置边框的圆角；
属性值：px、%、百分比参考的是盒子整体的宽度高度的百分比；
| 属性值 | 简介 |
|---|---|
| x-radius/y-radius | /分割两部分属性值，前面为水平半径，后面为垂直半径，得到的都是椭圆角 |
| radius | 一个属性值则水平和垂直都设置同一个值得到的是圆角 |
复合属性写法 border-radius：左上角 右上角 右下角 左下角； border-radius：左上角 右上角和左下角 右下角；
小案例：利用border-radius属性画一个圆和半圆；
三，文字阴影
key：text-shadow； 在css3中，text-shadow可向文本应用阴影，通过属性值能够规定水平阴影、垂直阴影、模糊距离，以及阴影的颜色 text-shadow：水平位移（必写），垂直位移（必写），模糊距离（选写；用px），颜色（选写）；
| value | 简介 |
|---|---|
| h-shadow | 必需写，水平阴影的位置，允许给负值 |
| v-shadow | 必需写，垂直阴影的位置，允许给负值 |
| blur | 可选择，模糊的距离 |
| color | 可选择，阴影的颜色 |
阴影值的正负方向
利用好这一条属性，我们就可以写出单层阴影效果/多层阴影效果；多层文字阴影的属性值用逗号 ， 隔开哦
四，盒子阴影
key：box-shadow； box-shadow属性向盒子添加阴影，属性值有2-4个长度值，可选的颜色值以及可选的inset关键词来规定，省略长度为0；
我们需要严格注意和按照属性值的顺序书写 box-shadow：水平位置 垂直位置 模糊程度 扩展大小 颜色 是否内边框阴影；
| value | 简介 |
|---|---|
| h-shadow | 必写；水平阴影位置，允许给负值 |
| v-shadow | 必写；垂直阴影位置，允许给负值 |
| blur | 可选写与不写，模糊的距离 |
| spread | 可选写与不写，阴影的尺寸 |
| color | 可选写与不写，阴影的颜色 |
| inset | 可选写与不写，改为内阴影 |
小案例：单层阴影，内阴影，多层阴影；
