适用桌面浏览器,移动端浏览器有些许不同
/-------Normalize----------“统一所有浏览器对html标签的默认样式”----------/
@import "Normalize.css";
/-------Reset----------“重置浏览器对html标签的默认样式”----------/
html{height: 100%;} /避免内容的高度不足窗口高度时页面显示的情况/
body,figure {margin:0;}
ul,ol,li,dd,dl,p{padding:0; margin:0;}
ol,ul {list-style:none;}
li{list-style-type:none;}
dt,dd{display: inline-block;}
dt{font-weight: inherit;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {padding:0; margin:0;font-size:12px; font-weight:normal;}
b,em,i{font-weight:normal; font-style:normal;}
a{text-decoration: none; color: inherit;}
a:focus,a:hover {text-decoration:none; color: inherit}
a:visited {text-decoration:none;}
a:active {color:inherit;}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input{
padding:0;
border:0;
border: unset;
outline:none;
background-color: unset;
}
button{
background-color: unset;
border: 1px solid #cccccc;
color: inherit;
outline:none
}
/-------自定义样式----------“自定义样式统一网页风格”----------/
body{
background: #fff; /保证所有浏览器的背景颜色一致/
font-family: arial, tahoma, '微软雅黑', '\5B8B\4F53', sans-serif; /宋体中文字转码成unicode码(\5B8B\4F53 ), 使编码在任何环境下能识别/
font-size:12px; /Chrome浏览器最小字体是12px,其他浏览器字体可以无限小、此设置使浏览器上字号保持一致,便于页面开发/
}
.fB{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
.clearfix{overflow: auto;} /清除浮动影响/
.clearpadding{padding-right: 0;padding-left: 0;}/清除BootStrap框架栅格系统的内边距/
.bgimg {background-size: cover;background-position: center;background-repeat: no-repeat;}/图片自适应容器大小显示/
.table{display: table;}
.table-cell{display: table-cell;}
.oneline{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
网友评论