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、表格的处理:
- 如果将border-collapse的属性值设为collapse,浏览器会忽略所有的border-radius
- 奇偶行:
tr:nth-of-type(odd){}
tr:nth-of-type(even){}
3、vertical-align:将表格内容与表格单元某一部位对齐:top,baseline,middle,bottom
3、定位:
- 不要在一个样式中同时设置float属性以及任何一种定位
- 掩藏元素:
visibility:hidden 阻止浏览器显示元素内容,并在该元素的原来位置留下一个窟窿
display:none 不着痕迹的从网页上消失
opacity:0 | 1