CSS样式文件和class类名命名规范参考
大部分前端程序员都有命名强迫症，要花很长时间来想这个本来不是问题的问题。下面总结了样式文件命名和模块class类别命名。请记得收藏！
以下命名中如果有多个单词，遵循的是驼峰命名法。
一．CSS文件命名规范
| 文件分类 | 名称 |
|---|---|
| 全局样式 | global.css |
| 重置样式 | reset.css |
| 布局、版面 | layout.css |
| 字体样式 | font.css |
| 按钮样式 | button.css |
| 主要的 | master.css |
| 专栏 | columns.css |
| 主题 | themes.css |
| 模块 | module.css |
| 基本共用 | base.css/common.css |
二．页面结构
| 模块 | 名称 | 模块 | 名称 |
|---|---|---|---|
| 内容/容 器: | content/container | 页 头 | header |
| 页面主体 | main | 模块头 | hd |
| 页 尾 | footer | 栏目 | column |
| 模块 | mod | 左右中 | left right center |
| 模块内容容器 | md | 页面外围控制整体布局宽度 | wrapper/layout |
三．导航
| 模块 | 名称 | 模块 | 名称 |
|---|---|---|---|
| 导航 | nav | 子导航 | subnav |
| 顶导航 | topnav | 边栏 | sidebar |
| 左导航 | leftsidebar | 右导航 | rightsidebar |
| 菜单 | menu | 子菜单 | submenu |
| 摘要 | summary | 目录 | toc |
四．功能 （个人有个人的书写规范，不做强制要求）
| 模块 | 名称 | 模块 | 名称 |
|---|---|---|---|
| 标志 | logo | 广告 | banner |
| 登陆 | login | 登录条 | loginbar |
| 注册 | regsiter | 搜索 | search |
| 功能区 | scope | 栏目标题 | title |
| 加入 | join | 状态 | status |
| 按钮 | btn | 滚动 | scroll |
| 标签页 | tab | 列表 | list |
| 提示信息 | msg | 当前的 | current /cur |
| 小技巧 | tips | 图标 | icon |
| 注释 | note | 指南 | guild |
| 服务 | service | 热点 | hot |
| 新闻 | news | 下载 | download |
| 投票 | vote | 合作伙伴 | partner |
| 友情链接 | friendlink | 版权 | copyright |
| 活动元素 | active | 未活动元素 | normal |
文章来源：https://blog.csdn.net/imqdcn/article/details/126064504
本站大部分文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了您的权益请来信告知我们删除。邮箱：1451803763@qq.com