跳转到内容

CSS文件命名规范和常用类和ID命名规范

一.文件命名规范

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

二.常用类/ID 命名规范

页 眉:header 内 容:content 容 器:container 页 脚:footer 版 权:copyright 导 航:menu 主导航:mainMenu 子导航:subMenu 标 志:logo 标 语:banner 标 题:title 侧边栏:sidebar 图 标:Icon 注 释:note 搜 索:search 按 钮:btn 登 录:login 链 接:link 信息框:manage ……

常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID 命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn“等等。