CSS3新增属性

1.文本阴影：text-shadow:h-shadow(水平阴影) v-shadow（垂直阴影） blur（模糊距离） color（颜色）水平和垂直阴影可以为负数

2.盒子阴影：box-shadow：h-shadow v-shadow blur color inset（设置内阴影，一般不使用）

3.多背景属性：使用background属性background:url() no-repeat 10px 10px,url() no-rpeat;

后面插入一个背景图片，且取消平铺（小图片）

再插入一个背景图片，且取消平铺（大图片）

小的背景图需要调整位置

4.IE怪异盒子模型：通过改变盒子的计算方式修改盒子实际的宽高

(防止撑大盒子，改变盒子的布局计算方式。pc/移动端（使用居多）都使用)

box-sizing：content-box(按照w3c官方盒子模型计算)/border-box(按照怪异盒子模型计算)

实际的宽度=width(内容，内边距，边框)+左右的margin

实际的高度=height(内容，内边距，边框)+上下的margin

5.圆角属性：给元素的四个角进行圆角化，变得比较平滑

border-radius:v1(四个角都进行圆角显示)

border-radius:v1 v2(四个角都进行圆角显示，v1代表左上和右下，v2代表的是右上和左下)

border-radius:v1 v2 v3(四个角都进行圆角显示，v1代表左上，v2代表的是右上和左下，v3代表右下)

border-radius:v1 v2 v3 v4(四个角都进行圆角显示，v1代表左上，v2代表的是右上 v3代表右下，v4代表左下)

border-radius:v1/v2(v1表示水平半径的距离，v2表示垂直半径的距离）

border-radius:v1 v2 v3 v4/v1 v2 v3 v4(前面的v1-v4代表的是每一个角的水平半径，后面的v1-v4代表的是每一个角的垂直半径)

特殊情况：

正方形：如果盒子是一个正方形的话，border-radius取值是宽度的一半/高度的一半的时候就会变成一个圆形(可以直接给参数为50%)

长方形：如果盒子是一个长方形的话，border_radius取值应该是较短边的一半就会变成一个跑道形状（取值为50%时是一个椭圆形，一般在长方形中不使用%，而是直接使用具体数值）