CSS样式

1、不折行：white-space: nowrap;
2、尽量不使用margin-top，会有合并现象，效果不准确；
3、注意position的样式：子绝父相（absolute会一直找上面的相对定位，找不到就是根节点，绝对定位不占位）；
4、一个弹层的效果（渐变色的背景颜色）：

5、动态点点点的效果（可以表示动态加载的点点点~）：

6、div居中问题：
块级元素（设置高度不起作用，会换行: div）：margin: 0 auto;
行内元素（不换行：span）: text-align: center;
两种元素转换：display: inline-block;
7、善于使用css画三角形（主要利用border，推荐如下写的非常详细明白）:
https://www.cnblogs.com/v-weiwang/p/5057588.html
8、背景图片的引入及设置尺寸：

9、i标签做图标

<i class="icon"></i>
.icon {
width: 10px;
height: 10px;
background-image: url('././......')
}