CSS3第二天

三、文本

text-shadow，可分别设置偏移量、模糊度、颜色（可设透明度）。

参1：水平偏移量 正值向右 负值向左；

参2：垂直偏移量 正值向下 负值向上；

参3：模糊度（模糊半径）是不能为负值；

参4：颜色

四、边框

边框圆角：border-radius：0 0 0 0 / 0 0 0 0; 前四个是x轴圆角半径，后面四个是Y轴圆角半径

边框阴影：border-shadow

参1、水平偏移量 右正左负；

参2、垂直偏移量 下正上负；

参3、模糊半径是不能为负值；

参4、颜色

参5、inset可以设置内阴影；

边框图片：border-image

参1：source：图片路径

参2：slice：切割，包含4参数（a,b,c,d）按照上右下左顺序

参3：repeat是否平铺 包含三个值：stretch拉伸（默认值）、repeat重复、round平铺

参4：width宽度

参5：偏移位置

五、盒模型

CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。

可以分成两种情况：

1、box-sizing: border-box  计算方式为content = width – border - padding

2、box-sizing: content-box  计算方式为content = width

box-shadow属性

取值：水平偏移量、垂直偏移量、模糊度、外延值、color、inset（内阴影）

box-reflect盒子倒影属性:可以对盒子模型进行倒影设置。

值： direction（above、below、left、right）、offset（图片与倒影间隔）、mask-box-image(url)