前端CSS代码规范:19楼前端CSS代码规范

2024-07-11 08:22:55

字体：大中小

来源：转载

供稿：网友

/* *@Description: public common css （可写中文） *@Author: sev7n *@Update: sev7n(2011-08-09 17:22) */ 1.2、CSS代码注释规范请参考UED前端注释规范.docx 文件2、编码

目前19楼页面主要使用gb2312编码，请注意保持CSS文件编码与页面编码一致（不要将CSS文件设置为utf-8等其他编码）。

为了防止文件合并及编码转换时造成问题，建议将样式中文字体名字改成对应的英文名字，如：黑体(SimHei) 宋体(SimSun) 微软雅黑 (Microsoft Yahei，几个单词中间有空格组成的必须加引号)

3、命名规范 3.1、采用通俗易懂的英文单词并按内容/功能命名，严禁出现如left、right等方向名词的class/id，严禁出现如xxx1、xxx2等的数字class/id 3.2、除布局、唯一独立模块外建议少用id，必须保证id唯一性 3.3、一律采用小写中划线方式命名，如 xxx-yyy，禁止出现大写字母 3.4、尽可能提高代码模块的复用，复用模块、独立模块可按xxx-mod命名（-mod可不写），mod下面再取xxx-hd（头部）、xxx-bd（内容）、xxx-ft（底部）命名 3.5、常用命名（多记多查英文单词）：page、wrap、layout、header(head)、footer(foot、ft)、content(cont)、menu、nav、main、submain、sidebar(side)、logo、banner、title(tit)、popo(pop)、icon、note、btn、txt、iblock、window(win)、tips等4、书写顺序

CSS书写建议按以下顺序：

(N)

.post-to {z-index:999;} .post-tag {z-index:99;} .post-add {z-index:9;} .post-editor {z-index:99;} .post-app {z-index:9;}

(Y)

.post-to{z-index:999 ; } .post-tag{z-index:99; } .post-add{z-index:9 ;}

(Y)

div#post-to {} .post-app dl dt {} .post-app ul li.post-xxx {}

(Y)

.post-tag {margin:2px;margin-right:5px;font-weight: bold;font-size:14px;line-height:24px;font-family:”黑体”;}

(Y)

.post-tag {margin:0px 0px 1px 1px;color:rgb(255,255,255);background: white;}

(Y)