给每个小圆圈添加一个属性，根据var的语法规定，只能获取--开头的属性，因此加上--，属性值我给它们排序，这样我能规定好每个小圆圈延时多久
以上方案对比，发现方案1缺点较大，例如无法控制下划线长度，圆角，以及下划线渐变色等。因此采用方案2处理。
我们在设计网站的时候有时会遇到这样一个需求：因为页面空间大小的问题，需要将多余的文字隐藏起来，并以省略号代替，类似这样的效果：
想必很多前端小伙伴经常会在开发中遇到这样一个需求，就是在下划时，导航栏悬停在屏幕最上方，例如咱们的csdn：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>background-size</title><link rel="stylesheet" type="text/css" href="css/reset.css"/>......
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>线性渐变-linear gradient</title><link rel="stylesheet" type="text/css" href="css/reset.css......
兄弟们，我这个做不了啊，不兼容啊，显示不了呀，兄弟们有什么建议吗？俺愿意听取。
通过 css3 中伪类 :nth-child 来实现。其中 :nth-child(an+b) 匹配下标 { an + b; n = 0, 1, 2, ...} 且结果为整数的子元素
在网页的编写中，好多特效都是通过js来实现，但是还有很多通过css3实现的特效，并且这种方法实现的特效不需要引入外部文件，只需要短短几行代码即可实现，下面这段代码就是由css3来实现的元素进行圆周运动的代码：...
表格布局中可以将元素放进设置好的单元格里，将网页进行分列分行的布局，但是表格布局有很大的局限性，现在基本上不再使用表格布局，只是在有表格的时候使用表格来进行局部布局。与此同时在css3中出现了多列布局的方式，来替代...
