web基础

精灵图

应用场景
        适用于一般小图片（如小图标，小背景），不适合大背景大布局背景。
        滑动门
概述：
        为了使特殊形状的背景使能够自由拉伸滑动，以适应元素内部的文本内容，出现了CSS滑动 门技术。 最常见于各种导航栏的滑动门
        形象图示
        实现要点
        特殊背景拼合
        内容自适应
        浮动
        行内块
CSS显示隐藏
display:
        none：隐藏该元素并且该元素所占的空间也不存在了。
        block; 显示元素
visibility:
        hidden 隐藏该元素但是该元素所占的内存空间还存在，即“隐身效果”。
        visible 显示元素
opacity
语法： opacity:0.5:
        【取值：0-1】 0表示全透明，1表示全不透明，0-1之间表示半透明
使用说明：
        设置opacity元素的所有后代元素会随着一起具有透明性， 【一般用于调整图片或者模块的整体不透明度】
        兼容性：IE6、7、8【不支持】，IE9及以上版本和标准浏览器都支持