CSS框架Ecss

 

@charset "utf-8";
/*ecss1.0*/
html,body,div,input,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body,input{font-size:12px}/*a:focus{outline:1px dotted}*/
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1,.h1{font-size:26px}h2,.h2{font-size:24px}h3,.h3{font-size:22px}h4,.h4{font-size:20px}h5,.h5{font-size:18px}h6,.h6,.p14{font-size:14px}
.fr {float:right}.fl {float:left}.tc {text-align:center}.tl {text-align:left}.tr {text-align:right}
.en {font-size:10px}.big{font-size:16px}.b {font-weight:bold}.i {font-style:italic}
.c0 {color:#9A9C9B}.c1 {color:#F5F3F3}
.bgc0 {background-color:#B4B4B4}.bgc1 {background-color:#F5F3F3}
.bc0 {border-color:#B4B4B4}.bc1 {border-color:#F5F3F3}
.cr, .cr:link, .cr:visited {color:#ff0000; }.cb, .cb:link, .cb:visited {color:#000099}
.mt {margin-top:8px}.mt1 {margin-top:1px}.ma {margin:8px}.pa {padding:8px}.ml {margin-left:8px}.pl {padding-left:8px}.mr {margin-right:8px}.pr {padding-right:8px}
.b4 {border-style:solid;border-width:1px}.bbl{border-bottom-width:1px;border-bottom-style:solid}.bbl1{border-bottom-width:1px;border-bottom-style:dotted}
.p1 {line-height:120%}.p2 {line-height:150%}.p3 {line-height:200%}
.vm,th {vertical-align:middle}.vt{vertical-align:top}.poa {position:absolute}.por{position:relative}
.hi {display:none;}.ch{cursor:pointer}.nobr {white-space:nowrap}.oh{overflow:hidden}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.datatab,.w100{width:100%}
.w0{width:auto}
.datatab td,.datatab th{padding:3px; border:#cccccc 1px solid;}
.temp {outline:solid 1px #ffff00}
a:link, a:visited {color: #3366cc;text-decoration: none}a:active, a:hover {color: #cc6633}
.brad{Border-radius:3px;}.bsha{box-shadow:3px 3px 3px #D5CBC3;}

 

它除了基础样式的定义外，使用简短类名称定义了常用样式。如边框.b4 边框灰色.bc0 .bc1 前景红色.cr 背景灰.bgc0 .bgc1  上外边距.mt 外距.ma .内衬.pa等等，表示让常用样式。