这篇文章上次修改于 2097 天前,可能其部分内容已经发生变化,如有疑问可询问作者。
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
修改样式
没有评论
博主关闭了评论...