比如:
div{
width:100px
height: 100px
background-color: red
animation: change 3s/*animation动画执行时间为3秒*/
}
@keyframes change {
/*3秒的百分之0(0秒)执行的动画*/
0%{
width:100px
height: 100px
}
/*3秒的百分之50(1.5秒) 也就是0秒到1.5秒之间段执行的动画*/
50%{
width: 50px
height: 50px
}
/*3秒的百分之100(3秒) 也就是1.5秒到3秒之间段执行的动画*/
100%{
width: 150px
height: 150px
}
}
如图所显示 当写了一个0的时候 浏览器 会默认 认为是 0 center 所以 才会和0% 50%效果一样
希望对你有帮助
margin:0 0 0 0和margin：0px 0px 0px 0px没有区别。。在css里0是默认单位为像素的。。如果是非0值，必须设定单位。。否则不可识别。。。body{ padding:0margin:0}这是一个标签选择器的样式。。一般情况下body有默认的属性。。你这样写他是作用于整个body标签的。。
而你前面写的* { padding:0margin:0} 中的*可以理解为一个通配符。。就是对所有标签的padding和margin都设定为0
我举个例子。。你有如下的代码
<body>
<div></div>
<div></div>
</body>
那么body{ padding:0margin:0}只作用与body这个标签。。而对里面的div没有影响。。它只影响body的padding和margin。
而* { padding:0margin:0}就是同时影响了body和div
![为了IE兼容HTML5标签，我加了[if lt IE9]><![endif]-->注释，可是IE页面上出现了这个注释，如下图](/aiimages/%E4%B8%BA%E4%BA%86IE%E5%85%BC%E5%AE%B9HTML5%E6%A0%87%E7%AD%BE%EF%BC%8C%E6%88%91%E5%8A%A0%E4%BA%86%5Bif+lt+IE9%5D%26amp%3Bgt%3B%26amp%3Blt%3B%21%5Bendif%5D--%26amp%3Bgt%3B%E6%B3%A8%E9%87%8A%EF%BC%8C%E5%8F%AF%E6%98%AFIE%E9%A1%B5%E9%9D%A2%E4%B8%8A%E5%87%BA%E7%8E%B0%E4%BA%86%E8%BF%99%E4%B8%AA%E6%B3%A8%E9%87%8A%EF%BC%8C%E5%A6%82%E4%B8%8B%E5%9B%BE.png)
