前端一点简单的样式

1、 阴影box-shadow有6个参数：

eg：box-shadow:10px 10px 10px rgba(50,50,50,0.5) inset;

水平位置、高度位置、高斯模糊（默认为0）：10px

     阴影宽度（默认为0，一般不设置）、

     阴影颜色以及透明度（rgba（50,50,50,0.5）0.5为opacity）

      阴影样式（默认外阴影）inset为内阴影

2、 图片分割 bachground-position 基本方位（left，right，top，bottom，center）

eg：background-position：34px（宽度） -47px（高度从图片 	  47px位置开始）

3、 定位 opsition（left，right，bottom，top）

（1） 相对定位：relation 参照物：自己原来的位置

          但是仍然占据原来的位置（不脱离文档流）

（2）绝对定位：absolution 参照物：具有定位属性的父元素（若父元素没有定位属性，往上找，

直至body）（2个条件：1有定位属性；2父元素）

    不占据原来的位置（脱离文档流），一般 与相对定位连用

    定位属性（相对定位，绝对定位，固定定位都属于定位属性）

（3）固定定位：fixed 参照物：窗口

    不占据原来的位置（脱离文本流）

4、transition-delay动画延迟

translateX(x)：元素仅在水平方向移动（X轴移动）；

translateY(y)：元素仅在垂直方向移动（Y轴移动）；

transklate(x,y)：元素在水平方向和垂直方向同时移动（X轴和Y轴同时移动）；

translate3d(x,y,z)定义 3D 转换。

scale(x,y)定义 2D 缩放转换。

rotate(angle)定义 2D 旋转，在参数中规定角度。

5、animation 该段表示较简单的自动轮播图