常用样式

<style type="text/css">
text-shadow:1px 1px 1px #000 水平偏移量 垂直偏移量 模糊度 颜色 
box-shadow:box-shadow: 20px 20px 10px #ccc, 50px 60px 80px red;
              同上 inset是内嵌边
   box-sizing:content-box,border-box 计算盒子大小的方式发生变化
   background-size:cover 填满背景 溢出隐藏
    contain 拉伸填满
   background-position+origin+clip:背景定位 


   linear-gradient(45deg, green 25%, blue 25%, blue 50%, green 50%, green 75%, blue 75%, blue 100%); 颜色线性渐变 条纹 to right left top bottom deg  起始位置 终止位置
radial-gradient(120px at 300px 150px , yellow, green)
              中心渐变 半径 中心点位置 渐变起始色 终止色  

transition:过渡效果 配合 hover 以动画形式改变因为Hover等改变的样式

transform:translateX Y Z (20px) 水平位移  rotateX Y Z(20px) 旋转

</style>