精灵图/超大图居中/滑动门/轮播图/漂亮控件/通栏版心

一. CSS Sprite（精灵图、雪碧图）

特点：优化网页的手段，提高加载速度。
    好处
        可以减少图片的质量，网页的图片加载速度快
        减少图片的请求的次数，加快网页的打开


通过PS工具中的切片工具，可以非方便的测量位置和大小。

在线处理雪碧图：http://alloyteam.github.io/gopng

二. 超大图居中

1. 用背景 : background : center 0;
2. 用图片 : position:relative; left:50%; margin-left:-容器的一半。

三. 滑动门

选项卡、标签页（tab）

特殊元素要添加 唯一的class标识。

四. 轮播图

考虑一下切换的方向，左右排列，还是上下，还是叠加。

五. 模拟实现一些漂亮的控件

复选框、上传按钮：
label方式
position + opacity方式
下拉菜单：也可以模拟
ul -> li
input type=“hidden”

六.通栏版心