小结（各种点）

后代选择器 

.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')){}   //浏览器检测火狐

然后：onclick=“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%;
}
}