《CSS3秘笈》(第3版)个人笔记之10~12章

1.transform:都不会影响元素在文档流中的位置
　　1.rotate();//顺时针
　　2.scale()/(-1)会水平翻转，填2个值并用逗号隔开可以设置水平和竖直放大倍数,(-1,1)会竖直翻转，(1,-1)会竖直水平都翻转;scaleX(),scaleY();
　　3.translate();向水平/竖直移动一定的距离,translateX(),translateY();
　　4.skew()//沿x/y倾斜,skewX(),skewY();
　　5.transform-origin：改变transform的变换点；
2.transition:定位在初始状态
　　1.transition-property:定义要变换的属性,可以用all
　　2.transition-duration：定义要变化的时限，单位为s或ms
　　　　transition-timing-function:控制动画速度 linear,ease,ease-in,ease-out,ease-in-out
　　　　transition-delay:动画延迟多少时间才开始
　　　　如 transition-property: color,background-color,border-color;
　　　　transition-duration：.5s,.1s,.2s;
　　　　transitio-delay:0,.5s,1.5s;
　　3.使用transition：快捷方式时，必须写出属性(可以直接写transform)和持续时间，若有延迟时间，写在最后;定义多个时，可用逗号隔开
3.aniation和transition相比，不需要触发
　　1.@keyframes 动画名/@-webkit-keyframes 动画名
　　2.animation-delay/animation-duration/animation-timint-function
　　3.animation-iteration-count循环次数，infinte为无限循环
　　如   animation-name:fadeIn;
　　　　animation-duration:2s;
　　　　animation-iteration-count: 2;
　　　　animation-direction: alternate;完成一次之后反向运行
　　　　animation-fill-mode: forwards;停留在动画结束的样子
　　4.animation快捷方式，只有动画名称和持续时间是必要的
　　如 animation:fadeIn 2s(持续时间) ease 2(循环次数) alternate(运行方向) 5s(延迟时间) forwards;可以定义多个，用逗号隔开
　　5.animation-play-state:只有running和paused
4.text-align:justify两端对齐
5.vertical-align属性不会被继承，baseline基准线对齐
6.table
　　1.padding对table无效
　　2.h5中，td里的align失效
　　3.border-collapse：collapse消除双边框/sperate
　　4.border-spacing: 表格单元边框间隙，若3设置为colspan，则4不起作用
　　5.背景色：td>tr>table
　　6.empty-cell:hide,隐藏表格中的空单元格，若3设置了collapse，则忽略该属性
7.表单
　　1.给表单定义样式时，使用属性选择器 如 input[type="text"]{}
　　2.:checked伪类只能用在radio和checkbox中
　　3.:enabled可用的，:disabled不可用的
8.background-image，浏览器通常不会打印