<style type="text/css">
a[class^=column]{
background: red;
}
a[href$=doc]{
background: green;
}
a[title*=box]{
background:blue;
color:#000;
}
</style>
a[class^=column]{
background: red;
}
a[href$=doc]{
background: green;
}
a[title*=box]{
background:blue;
color:#000;
}
</style>
2016-11-07
十天精通,果然是精通,上课的时候老师问,1+1=?, 2+5=?,10+10=?。后来老师知道了答案, 什么?1+1=2?, 2+5=7?,10+10=20?,word哥啊,你们太聪明了。那好现在我们来算算小明今年吃了多少粒米饭?
2016-11-07
animation-fill-mode: none和backwards的区别是:
none会从自己的颜色开始,然后在@keyframes的第一个颜色,第二个第三个第四个....最后会回到初始状态
forwards 也会和None一样从自己的颜色开机,但是他不会回到初始状态
backwards不会从自己本身的颜色开始,会从@keyframes第一个颜色开始,然后第二个颜色,第三个第四个.....最后会回到初始状态
both和backwards一样不会从自己本身的颜色开始,但是他最后不会回到初始状态。
none会从自己的颜色开始,然后在@keyframes的第一个颜色,第二个第三个第四个....最后会回到初始状态
forwards 也会和None一样从自己的颜色开机,但是他不会回到初始状态
backwards不会从自己本身的颜色开始,会从@keyframes第一个颜色开始,然后第二个颜色,第三个第四个.....最后会回到初始状态
both和backwards一样不会从自己本身的颜色开始,但是他最后不会回到初始状态。
2016-11-07
animation-fill-mode: none和backwards的区别是:
none会从自己的颜色开始,然后在@keyframes的第一个颜色,第二个第三个第四个....
backwards不会从自己本身的颜色开始,会从@keyframes第一个颜色开始,然后第二个颜色,第三个第四个.....
none会从自己的颜色开始,然后在@keyframes的第一个颜色,第二个第三个第四个....
backwards不会从自己本身的颜色开始,会从@keyframes第一个颜色开始,然后第二个颜色,第三个第四个.....
2016-11-07
backwards和none都是最后回到初始状态。
forwards和both只会从初始状态一直走到终止状态,不会回到最开始状态
forwards和both只会从初始状态一直走到终止状态,不会回到最开始状态
2016-11-07
这个练习太惨无人道了,跟前面讲的内容难度相差的有点大,关于动画部分我没看懂,还顺手抄了点同学代码才完成。然后:tagert的用法已忘记。
2016-11-07
总结下,CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画;
tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;
transition: property duration timing-function delay;
animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;
tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;
transition: property duration timing-function delay;
animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;
2016-11-07
2n+1更好,因为当表达式的时候,n是从0开始计算的
而楼上的所谓的n从1计数是指这个表达式里的值,也就是“:nth-child("我是一个表达式")”这个里面的结果是从1开始进行匹配的(因为结果<=0时是不匹配的),看下-n+3的那个例子就知道了
而楼上的所谓的n从1计数是指这个表达式里的值,也就是“:nth-child("我是一个表达式")”这个里面的结果是从1开始进行匹配的(因为结果<=0时是不匹配的),看下-n+3的那个例子就知道了
2016-11-07