css写法
id选择器 > 类选择器 > 标签选择器
@charset "utf-8";
charset=utf-8 表示当前文档的字符集是采用utf-8的字符,也就是我们常说英文字符集;
gbk gb2312 主要用于中文。big5 用于繁体中文
/*去除页面中所有标签的默认间距、补白*/
* { margin:0px; padding:0px;}
/*页面中的默认字体、字体大小、背景、文字颜色*/
body { font-size:12px; font-family:Arial; color:#666666; background:#ffffff; -webkit-text-size-adjust:none;}
body { font-size:12px; font-family:Arial; color:#666666; background:#ffffff; -webkit-text-size-adjust:none;}
webkit-text-size-adjust:none;
苹果移动设备上会识别,用于保证文字大小。
苹果移动设备上会识别,用于保证文字大小。
/*页面右侧滚动条*/
html { overflow-y:scroll;}
html { overflow-y:scroll;}
/*清除页面所有图片的默认边框1*/
img { border:none;}
img { border:none;}
/*去除ol、ul、li的默认样式*/
ol,ul,li { list-style-type:none;}
ol,ul,li { list-style-type:none;}
/*设置表单等项目的默认字体大小*/
input, select, textarea { color: #777777; font-family: Arial,Helvetica,sans-serif; font-size: 100%; vertical-align: middle;}
input, select, textarea { color: #777777; font-family: Arial,Helvetica,sans-serif; font-size: 100%; vertical-align: middle;}
/*设置文字段落、表格单元格的默认行高*/
p,th,td { line-height:22px;}
p,th,td { line-height:22px;}
/*字体*/
em { font-style:normal;}
.yahei { font-family:微软雅黑;}
.songti { font-family:宋体;}
em { font-style:normal;}
.yahei { font-family:微软雅黑;}
.songti { font-family:宋体;}
/* 其它需要用到的字体大小 */
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h1{ font-size:14px;}
h2{ font-size:12px;}
h3{ font-size:12px;}
.font10 { font-size: 10px;}
.font11 { font-size: 11px;}
.font12 { font-size: 12px;}
.font13 { font-size: 13px;}
.font14 { font-size: 14px;}
.font15 { font-size: 15px;}
.font16 { font-size: 16px;}
.font17 { font-size: 17px;}
.font18 { font-size: 18px;}
.font20 { font-size: 20px;}
.font22 { font-size: 22px;}
.font24 { font-size: 24px;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h1{ font-size:14px;}
h2{ font-size:12px;}
h3{ font-size:12px;}
.font10 { font-size: 10px;}
.font11 { font-size: 11px;}
.font12 { font-size: 12px;}
.font13 { font-size: 13px;}
.font14 { font-size: 14px;}
.font15 { font-size: 15px;}
.font16 { font-size: 16px;}
.font17 { font-size: 17px;}
.font18 { font-size: 18px;}
.font20 { font-size: 20px;}
.font22 { font-size: 22px;}
.font24 { font-size: 24px;}
/*去除页面中的链接点击后留下的虚线框*/
body a{ outline:none;blr:expression(this.onFocus=this.blur());}
body a{ outline:none;blr:expression(this.onFocus=this.blur());}
/* 整个网站需要的字体样式*/
.strong { font-weight:bold;}
.underline { text-decoration:underline;}
.strong { font-weight:bold;}
.underline { text-decoration:underline;}
/* 图片边框 */
.imgp2 img { padding: 2px; border: 1px solid #cccccc; }
.imgp2 img { padding: 2px; border: 1px solid #cccccc; }
/* 1px细线 */
.div1px { border:#CCCCCC solid 1px; }
.div1px { border:#CCCCCC solid 1px; }
/* li相关 */
ul,li { list-style-type:none; }
ul,li { list-style-type:none; }
/* 带着图片的li */
.imgli1 li{ list-style-image:url(../BG.jpg) ; }
.imgli1 li{ list-style-image:url(../BG.jpg) ; }
/*默认的文字链接样式*/
a:link { color:#666666; text-decoration:none;}
a:visited { color:#666666; text-decoration:none;}
a:hover { color:#0f2c8d; text-decoration:none;}
a:active { color:#0f2c8d; text-decoration:none;}
a:link { color:#666666; text-decoration:none;}
a:visited { color:#666666; text-decoration:none;}
a:hover { color:#0f2c8d; text-decoration:none;}
a:active { color:#0f2c8d; text-decoration:none;}
/*其他文字链接样式*/
.cffffff { color:#ffffff;}
.cffffff a:link,.cffffff a:visited { color:#ffffff;}
.cffffff a:hover,.cffffff a:active { color:#cccccc;}
.cffffff { color:#ffffff;}
.cffffff a:link,.cffffff a:visited { color:#ffffff;}
.cffffff a:hover,.cffffff a:active { color:#cccccc;}
.cc3120e { color:#c3120e;}
.cc3120e a:link{ color:#c3120e;}
.cc3120e a:visited { color:#c3120e;}
.cc3120e a:hover { color:#666;}
.cc3120e a:active { color:#c3120e;}
.cc3120e a:link{ color:#c3120e;}
.cc3120e a:visited { color:#c3120e;}
.cc3120e a:hover { color:#666;}
.cc3120e a:active { color:#c3120e;}
/* w系列控制宽度 */
.wauto { width: auto}
.w25 { width: 25%;}
.w33 { width: 33.3%;}
.w50 { width: 50%;}
.w100 { width: 100%;}
.wauto { width: auto}
.w25 { width: 25%;}
.w33 { width: 33.3%;}
.w50 { width: 50%;}
.w100 { width: 100%;}
/* h系列控制高度 */
.h100 { height:100%;}
.hauto { height:auto;}
.h20px { height:20px;}
.h30px { height:30px;}
.h55px { height:55px;}
.h86px { height:86px;}
.h255px { height:275px;}
.lineheight15px { line-height:15px;}
.lineheight18px { line-height:18px;}
.h100 { height:100%;}
.hauto { height:auto;}
.h20px { height:20px;}
.h30px { height:30px;}
.h55px { height:55px;}
.h86px { height:86px;}
.h255px { height:275px;}
.lineheight15px { line-height:15px;}
.lineheight18px { line-height:18px;}
.lineheight20px { line-height:20px;}
/* p系列控制padding */
.p5 { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.p5 { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
/* m系列控制padding */
.m5 { margin:5px!important;}
.m10 { margin:10px!important;}
.m15 { margin:15px!important;}
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px!important;}
.mr5 { margin-right:5px!important;}
.mr10 { margin-right:10px!important;}
.mr15 { margin-right:15px!important;}
.mb5 { margin-bottom:5px!important;}
.mb10 { margin-bottom:10px!important;}
.mb15 { margin-bottom:15px!important;}
.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml15 { margin-left:15px!important;}
/*文本对齐样式*/
.center { margin:0px auto;}
.tcenter { text-align:center;}
.tleft { text-align:left;}
.tright { text-align:right;}
.m5 { margin:5px!important;}
.m10 { margin:10px!important;}
.m15 { margin:15px!important;}
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px!important;}
.mr5 { margin-right:5px!important;}
.mr10 { margin-right:10px!important;}
.mr15 { margin-right:15px!important;}
.mb5 { margin-bottom:5px!important;}
.mb10 { margin-bottom:10px!important;}
.mb15 { margin-bottom:15px!important;}
.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml15 { margin-left:15px!important;}
.center { margin:0px auto;}
.tcenter { text-align:center;}
.tleft { text-align:left;}
.tright { text-align:right;}
/*左右漂浮样式*/
.l { float:left;}
.r { float:right;}
.l { float:left;}
.r { float:right;}
/*css清除浮动*/
.c { clear:both}
.clear { clear:both; height:0px; line-height:0px; font-size:0px;}
.c { clear:both}
.clear { clear:both; height:0px; line-height:0px; font-size:0px;}
/*clearfix:after*/
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix { display:inline-table; display:block;}
*html .clearfix { height:1%;}
*+html .clearfix { height:1%;}
.imgfix img{display:block;}
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix { display:inline-table; display:block;}
*html .clearfix { height:1%;}
*+html .clearfix { height:1%;}
.imgfix img{display:block;}
/* 1px细线 */
.b1s { border:1px solid #e4e4e4;}
.bt1s { border-top:1px solid #e4e4e4;}
.br1s { border-right:1px solid #e4e4e4;}
.bb1s { border-bottom:1px solid #e4e4e4;}
.bl1s { border-left:1px solid #e4e4e4;}
.b1s { border:1px solid #e4e4e4;}
.bt1s { border-top:1px solid #e4e4e4;}
.br1s { border-right:1px solid #e4e4e4;}
.bb1s { border-bottom:1px solid #e4e4e4;}
.bl1s { border-left:1px solid #e4e4e4;}
/*添加鼠标悬浮显示手的形状*/
.hand { cursor:pointer;}
.hand { cursor:pointer;}
/*单行截字*/
.textbreak { white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.textbreak { white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*最小高度*/
.minheight500px { min-height:500px; height:auto!important; height:500px; overflow:visible;}
.minheight650px { min-height:650px; height:auto!important; height:650px; overflow:visible;}
.minheight710px { min-height:400px; height:auto!important; height:400px; overflow:visible;}
.minheight500px { min-height:500px; height:auto!important; height:500px; overflow:visible;}
.minheight650px { min-height:650px; height:auto!important; height:650px; overflow:visible;}
.minheight710px { min-height:400px; height:auto!important; height:400px; overflow:visible;}
/*隐藏元素*/
.hide {display:none;}
.hide {display:none;}
/*解决IE6双边距加倍错误*/
.inline { _display:inline;}
.inline { _display:inline;}