本文介绍了CSS文件的编码标准及命名约定，强调了统一命名的重要性，并提供了一系列常用的命名建议，帮助开发者创建易于维护的样式代码。
CSS文件
文件编码必须使用utf-8（无BOM）
文件一律通过 link 链入 (NOT @import)
当只是单个页面使用时，才写在 <head> 的 <style> 中
class与id命名
大的框架命名比如header/footer/wrapper之类的在2中由我统一命名，其他样式名称由“小写英文 & 数字 & – （中划线）”来组合命名，如i-comment, fontred, width200；禁止使用中文拼音，命名要有意义，尽量使用简易的单词组合；禁止出现如left、right等方向名词的class/id；公共组件因 为高度重用，命名从简，不要加前缀；
尽可能提高代码模块的复用，复用模块、独立模块可按xxx命名，xxx下面再取xxx-hd（头部）、xxx-bd（内容）、xxx-ft（底部）命名；
常用命名（多记多查英文单词）：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等。总之，命名要语义化，简明化。
文件编码必须使用utf-8（无BOM）
文件一律通过 link 链入 (NOT @import)
当只是单个页面使用时，才写在 <head> 的 <style> 中
class与id命名
大的框架命名比如header/footer/wrapper之类的在2中由我统一命名，其他样式名称由“小写英文 & 数字 & – （中划线）”来组合命名，如i-comment, fontred, width200；禁止使用中文拼音，命名要有意义，尽量使用简易的单词组合；禁止出现如left、right等方向名词的class/id；公共组件因 为高度重用，命名从简，不要加前缀；
尽可能提高代码模块的复用，复用模块、独立模块可按xxx命名，xxx下面再取xxx-hd（头部）、xxx-bd（内容）、xxx-ft（底部）命名；
常用命名（多记多查英文单词）：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等。总之，命名要语义化，简明化。
扫一扫
1427
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
