CSS总结2

1、动画：

1. transform：rotate（10deg）；

　　　  transform：scale（2），

　　　　　　　　　  scaleY（2），

　　　　　　　　　  scaleX（2），

scale（1,1）

scale（-1）---让元素翻转，产生镜像效果

transform：translateX（）， ----移动

translateY（），

translate（）

transform：skew（45deg，0）---沿X轴 ， Y轴

2、transition：

transition-property：要以动画形式展示的属性

　　　　transition-duration：动画持续时间

　　　　transition-timing-function：linear，ease，ease-in，ease-out，ease-in-out控制动画期间的速度

3、animation：

　　　　.animationClass{

　　　　animation-name:fadeIn;

　　　　animation-duration:1s;

　　　 animation-delay:1s;

　　　　}

　　　 @keyframes fadeIn{

　　　　　　from{

　　　　　　opacity:0;

　　　　}

　　　　to{

　　　　　　oparity:1;

　　　　}

　　　　}

2、表格的处理：

1. 如果将border-collapse的属性值设为collapse，浏览器会忽略所有的border-radius
2. 奇偶行：

　　　　tr:nth-of-type(odd){}

　　　　tr:nth-of-type(even){}

　　3、vertical-align：将表格内容与表格单元某一部位对齐：top，baseline，middle，bottom

3、定位：

1. 不要在一个样式中同时设置float属性以及任何一种定位
2. 掩藏元素：

　　　　visibility：hidden 阻止浏览器显示元素内容，并在该元素的原来位置留下一个窟窿

　　　　display：none   不着痕迹的从网页上消失

opacity：0  |  1