Discuz模板常用css分类介绍

左右浮动，discuz中的css文件就很简洁的定义了他的使用：
.z { float: left; } .y { float: right; }

常好的兼容性类，.cl,这个类能很好的解决这个问题。大家在写样式的时候，只要给你需要自适应的标签加一个.cl类就可以了：
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }

另外对于css的兼容性，discuz中用程序做了单独的兼用规定。
所有 IE浏览器适用： .ie_all .foo { ... }
IE6 专用： .ie6 .foo { ... }
IE7 专用： .ie7 .foo { ... }
IE8 专用： .ie8 .foo { ... }

希望大家以后再兼容行。可以有效的减少css的代码量。
另外在对标签元素设置内外边距的时候我们，可以用discuz已经定义好的边距，这样能省去我们重新定义的繁琐。
.mtn { margin-top: 5px !important; }
.mbn { margin-bottom: 5px !important; }
.mtm { margin-top: 10px !important; }
.mbm { margin-bottom: 10px !important; }
.mtw { margin-top: 20px !important; }
.mbw { margin-bottom: 20px !important; }

.ptn { padding-top: 5px !important; }
.pbn { padding-bottom: 5px !important; }
.ptm { padding-top: 10px !important; }
.pbm { padding-bottom: 10px !important; }
.ptw { padding-top: 20px !important; }
.pbw { padding-bottom: 20px !important; }