css3

之前看过一点css3，觉得css3做动态的图还是蛮好玩的，这个星期也看了一点css3的内容，虽然不多。

首先是box属性，第一个是box-shadow，指的是阴影，后一般接有四个值，第一个为X轴偏移量，第二个为Y轴偏移量，第三个为模糊半径，最后一个为阴影颜色，可能会在第一个值前加入投影方式，一般默认外阴影，或者加入投影的扩展半径。

然后就是box-radius，可用来创建圆角，其后的值按顺时针方向控制各个角的弯曲程度，若只有两个值，则第一个为左上和右下，第二个为右上和左下，若有三个，第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角，若出现box-radius：xx / xx 的形式，则前面一个为水平半径，后面一个为垂直半径。如果需要对单独一个角操作，则可使用bordor-top-left-radius , bordor-top-right-radius , bordor-bottom-left-radius , bordor-bottom-right-radius。最后就是box-image ，给边框加花边的。
之后就是background的一些内容，background-origin这个是指定图像填充的地方，分别有bordor-box，padding-box，content-box，分别可以填充不同地方。background-clip为背景剪裁，可从不同的地方开始剪裁，默认为bordor-box，接下来还有padding-box和content-box 。