后代选择器
.className h1 {className的所有h1后代}
子选择器
.className > h1 {只作为h1元素子元素的h1元素}
兄弟选择器
.className h1 + p {选择在h1之后出现的p 且二者有共同的父元素}
拓展 子选择器+兄弟选择器
.className h1 > span + span {选择作为class的所有h1子元素的span的兄弟元素span}
CSS3:transition
CSS3:动画animation
这两个太多了直接从w3c文档看
以外收获:
关于firefox中JavaScript:history.go(-1)失效问题
if(navigator.userAgent.indexOf('Firefox')){} //浏览器检测火狐
然后:οnclick=“JavaScript:history.back();return false;” 即可
————————————————————————————2017.07.12———————————————————————————————————————
今日收获:
parsefloat()
tofixed()
//保留小数函数
parseInt()
保留整数函数
css画小箭头
http://www.jianshu.com/p/7f7b5bc7b74f
————————————————————————————2017.07.13———————————————————————————————————————
今日收获:
点点类型的进度条,可以用图片从0到100%的平行移动来实现。用ps切图然后当成div的背景图片。需要注意的是div和图不能一样大,不然keyframes的from和to中图片不会移动,图片占div宽度越小动的速度越快
例子:
.dot {
width: 200px;
height: 3px;
background: url('http://i2.kiimg.com/1949/1c58676386777ad1.png') repeat-x 0 center; //切图宽度为10
animation: scroll 10s infinite linear;
}
@keyframes scroll {
from {
background-position-x: 0
}
to {
background-position-x: 100%;
}
}