难以记忆,不想记忆,不想来回翻找的css片段

vertical-align:middle;/**居中**/

position:absolute;position: relative; position:fixed;/**状态**/

cursor:pointer;/**鼠标**/

overflow:hidden; white-space:nowrap;text-overflow:ellipsis;/*css3 省略符号*/

-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;/**圆角**/

text-indent:20px;

text-transform: uppercase;英文大写

transform: skewX(-6deg); 平行四边形

-webkit-box-shadow:5px 5px 5px 0px #c59c1e;moz-box-shadow: 5px 5px 5px 0px #c59c1e;box-shadow:1px 1px 3px 3px #c59c1e/**投影**/
1 2 3 4 5 6  
h-shadow 必需,水平阴影的位置 v-shadow 必需,垂直阴影的位置 blur 可选,模糊距离 spread 可选,阴影的尺寸 color 可选,阴影的颜色 inset 可选,将外部阴影 (outset) 改为内部阴影  

-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;/***all 各种属性、可以单独指定Eg.:width/height**/

opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(Opacity=70);/**透明**/

z-index:*/**z轴层次**/

href=javascript:;javascript:void(0);

outline:none;去除input边框;-webkit-appearance: none去除苹果系统input圆角

 

------谷歌浏览区阴影设置------

-webkit-border-radius: 3px;
-webkit-box-orient: vertical;
-webkit-transition: 200ms -webkit-transform;
background: white;
box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
color: #333;
display: -webkit-box;
min-width: 400px;
padding: 0;
position: relative;
z-index: 0;

-----文字投影设置WAP-------

text-shadow:1px 1px 1px #965e18;

background-color:#ff0000
background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet) ;
渐变 to right=180deg 颜色可以用rgba(255,0,0,0)函数来表示

 

--------动画-------------

div { width:100px; height:100px; background:red; position:relative;

animation-name:mymove; animation-duration:5s; top:0px;
/* Safari and Chrome */

-webkit-animation-name:mymove;
-webkit-animation-duration:1s;
}

@keyframes mymove {
from {top:30px;}
to {left:0px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from {top:30px;}
to {left:0px;}
}

-----------end动画------------

伪类,>IE8以上 & 其他

:after
:before{content: ''; display: block; position: absolute; width: 5px; height: 16px; left:0; top:15px; border-left: 6px dashed #009933;}

--灰色--

#e9e9e9,border-bottom:1px solid #dddddd
#f9f9f9
#f6f6f6
#ffffff
bgcolor="#dddddd"