display: none;
        /*隐藏，不为被隐藏对象保留其物理空间*/
        display: block;
        /*显示*/

---

visibility: hidden;
            /*隐藏对象，与display属性不同，只隐藏内容，其占位空间仍然保留*/
            visibility: visible;
            /*设置对象可视*/

---

 opacity: 0;
            /*对象完全透明*/
            opacity: 1;
            /*对象完全不透明*/
            /*
            opacity属性，设置元素的透明度，取值范围0~1之间，不加单位，IE8及更早版本的浏览器中支持替代的filter属性，如：opacity: 0.5
                filter: alpha(opacity=50);filter属性中opacity取值从0（完全透明）~100（完全不透明）

@charset "utf-8";
/*样式重置 reset */
*{ margin:0; padding:0; }
body, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol, input{
    margin:0;/*去掉自带外间距*/
    padding:0;/*去掉自带内填充*/
}
em, i{
    font-style:normal;/*斜体扶正*/
}
li{
    list-style:none;/*去掉默认列表符*/
}
h1, h2, h3, h4, h5, h6, b, strong{
    font-weight:normal;/*去掉标题自带加粗*/
}
a{
    outline:none;/*去掉描边*/
    text-decoration:none;/*去掉自带下划线*/
}
img{
    border:none;/*去掉ie浏览器图片外面的边框*/
    vertical-align:top;/*图片对齐方式*/
}
table{
    border-collapse:collapse;/*去掉表格自带间隙*/
    border-spacing:0;
}
input{
    outline:none;
    border:none;
    background-color:transparent;/*背景色透明*/
}
textarea{
    outline:none;
    resize:none;/*禁止调整文本域尺寸*/
    overflow:auto;/*在浏览器默认状态下没有滚动条*/
}
body{
    font-family:Arial,"微软雅黑", Helvetica, sans-serif;
    font-size:12px;
}


/*public style*/
.clearfix{
    *zoom:1;/*IE浏览器清浮动*/
}
.clearfix:after{
    content:'';/*添加一个空内容*/
    display:block;/*转块*/
    clear:both;/*清浮动*/
}
.fl{
    float:left;
}
.fr{
    float:right;
}

 /*@import url("css/reset.css");*/
        /*@import "css/reset.css";*/
        /*@import url(css/reset.css);*/
        /*样式引入方式：行内样式、内部样式、外部样式 、导入式*/
        /*
         导入式：@import
            @import url(css文件路径);
            @import "css文件路径";
            适用范围：在内部样式或外部样式（.css样式文件）中使用
        link和@import的区别：
            link使HTML标签；@import是css中定义的，只能加载css
            link在页面载入的同时加载；@import需要网页完全加载完成后加载
            link没有兼容问题，支持使用JavaScript修改样式；@import在css2.1以下浏览器不支持，不支持JavaScript 
修改样式