CSS | 光光的小站

CSS文件和样式命名规范，仅供参考

2013.04.09

一、CSS文件及样式命名
1、CSS文件命名规范

全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；

2、CSS样式命名规范
本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字。为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间，例如：

头部样式用header，头部左边，可以用header_left或header_l,还有如果是列结构的可以这样——box _1of3 (三列中的第一列)，box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列)，其它的我就不一一举例了，大家按以上规律去命名就好。阅读详细 »

Reset CSS

2012.09.07

下面是现在工作中常用到的一些标签，有些没用到的就没有重置了。

/* css reset*/
body,ul,ol,li,dl,dt,dd,form,input,textarea,p,table,tr,td{margin:0;padding:0;}
body{font:12px/1.5 ‘Microsoft YaHei’,Arial;}
ol,ul{list-style:none;}
input,textarea,select{font:12px/1.5 ‘Microsoft YaHei’,Arial;resize:none;}
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
img{border:none;vertical-align:middle;}
.clear:before,.clear:after{content:””;display:table;}
.clear:after{clear:both;}
.clear{zoom:1;}

/* public css */
.ma{margin:auto;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.pr{position:relative;}
.pa{position:absolute;}

.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.fc3{color:#333;}
.red{clor:#f00;}
.blue{color:#060;}
.fbd{font-weight:bold;}

.m5{margin:5px;}
.m10{margin:10px;}
.m20{margin:20px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}