1. 焦点图部分所用知识点| 名称 | 说明 |
| 圆角矩形 | border-radius: 左上角 右上角 右下角 左下角。 |
负值自己的宽度一半（固定定位也是如此）
2. 背景半透明1.强烈推荐：盒子背景半透明 background: rgba(r,g,b,alpha);
r,g,b 是红绿蓝的颜色， alpha 是透明度的意思，取值范围是 0~1 之间。 这个是让盒子的背景半透明，盒子里面内容不半透明
2.元素半透明
此属性是盒子半透明，不是背景半透明哦，因为里面的内容也一起半透明了
正常浏览器： opacity:0.5; 取值范围是 0~1 之间 表示透明度 0% 到 100%ie8及其以下的版本 用filter:Alpha(opacity=50) ； // opacity值为0 到 100
因此，低版本的 ie浏览器，我们不需要透明了，直接采用优雅降级的做法。
background: gray;
background: rgba(0,0,0,.2);
写上两句 背景， 低版本ie只执行gray， 其他浏览器执行 半透明下面这一句。
3. 优雅降级和渐进增强什么是渐进增强（progressive enhancement）、优雅降级（graceful degradation）呢？
渐进增强 progressive enhancement：
针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
类似 爬山，由低出往高处爬
