CSS 层叠样式表命名参考表
发布时间：2010-08-08 22:34:41 作者：佚名
我要评论CSS 层叠样式表命名参考，这样的命名更正规，搜索引擎与用户也习惯。
命名参考
页面结构类
| 描述 |
下划线命名 |
骆驼式命名 |
参考命名 |
| 面板 |
dashboard |
|
|
| 容器 |
container |
container |
|
| 页头 |
header |
header |
|
| 内容 |
content |
content |
container |
| 外围控制 |
wrapper |
wrapper |
wrap |
| 页面主体 |
main |
main |
|
| 栏目 |
column |
column |
|
| - 宽栏目 |
wide_column |
wideColumn |
|
| - 窄栏目 |
narrow_column |
narrowColumn |
|
| 栏 |
bar |
|
|
| 侧边栏 |
sidebar |
sidebar |
|
| 网站地图 |
sitemap |
|
|
| 页尾 |
footer |
footer |
|
| |
|
|
|
导航类
| 描述 |
下划线命名 |
骆驼式命名 |
参考命名 |
| 主导航 |
nav_main |
navMain |
|
| - 子导航 |
nav_child |
navChild |
|
| - 三级导航 |
nav_third |
navThird |
|
| 导航 |
nav |
nav |
|
| - 顶导航 |
nav_top |
navTop |
|
| - 左导航 |
nav_left |
navLeft |
|
| - 右导航 |
nav_right |
navRight |
|
| 菜单 |
menu |
menu |
|
| - 子菜单 |
menu_child |
menuChild |
|
| - 下拉菜单 |
menu_drop |
menuDrop |
|
| 位置导航 |
crumb |
crumb |
|
| 面包屑 |
breadcrumb |
breadcrumb |
参考 |
| |
location-based |
|
|
| |
attribute-based |
|
|
| |
path-based |
|
|
| |
|
|
|
表单
| 描述 |
下划线命名 |
骆驼式命名 |
参考命名 |
| 邮件 |
mail |
|
|
| 用户名 |
username |
|
|
| 密码 |
passwd |
|
|
| 重复密码 |
passwd_again |
|
|
| 保存信息 |
cookie |
|
|
| 性别 |
sex |
|
|
| 地点 |
local |
|
|
| 下拉 |
drop |
|
|
| 验证码 |
verification |
|
|
| 按钮 |
btn |
|
|
| 必填项 |
requisite |
|
|
| |
|
|
|
| 状态 |
status |
|
|
| |
|
|
|
功能模块
| 描述 |
下划线命名 |
骆驼式命名 |
参考命名 |
| 登录 |
login |
|
|
| 注册 |
regsiter |
|
|
| 搜索 |
search |
|
|
| 标签页 |
tab |
|
|
| 工具条 |
toolbar |
|
|
| 标签页 |
tab |
|
|
| 日历 |
calendar |
|
|
| 分类 |
category |
|
categories |
| 归档 |
archive |
|
archives |
| 回复 |
comment |
|
comments |
| 标签 |
tag |
|
tags |
| 投票 |
vote |
|
|
| 合作伙伴 |
partner |
|
|
| 友情链接 |
friendlink |
|
|
| 新闻 |
news |
|
|
| 下载 |
download |
|
|
| 指南 |
guild |
|
|
| 帮助 |
help |
|
|
| 常见问题 |
faq |
|
|
| 服务 |
service |
|
|
| |
|
|
|
| |
|
selection |
|
内容
| 描述 |
下划线命名 |
骆驼式命名 |
参考命名 |
| 注释 |
note |
|
|
| 条目 |
entry |
|
|
| 摘要 |
summary |
|
|
| 缩略图 |
screenshot |
|
|
| 提示信息 |
msg |
|
|
| 小技巧 |
tips |
|
|
| |
|
|
|
| 正方形的 |
Square |
|
|
| 极小的 |
Thumbnail |
|
|
| 小的 |
Small |
|
|
| 中等的 |
Medium |
|
|
| 大的 |
Large |
|
|
| 原始的 |
Original |
|
|
| |
|
|
|
动作
| 描述 |
下划线命名 |
骆驼式命名 |
参考命名 |
| 滚动 |
scroll |
|
|
| 箭头 |
arrow |
|
|
| |
|
|
|
| 首页 |
first |
|
|
| 上一页 |
prev |
|
previous |
| 下一页 |
next |
|
|
| 末页 |
last |
|
|
| 更早的 |
older |
|
|
| 更新的 |
newer |
|
|
| |
|
|
|
状态
| 描述 |
下划线命名 |
骆驼式命名 |
参考命名 |
| 列表 |
list |
|
|
| -热点 |
hot |
|
|
| -更新 |
new |
|
|
| 前十列表 |
topten_list |
|
|
| 相关列表 |
related_list |
|
|
| 更新列表 |
update_list |
|
|
| |
|
|
|
相关文章
CSS3打造的现代交互式登录界面详细实现过程
本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性，感兴趣的朋友跟随小编一起看看吧
2025-06-20 CSS普通流、浮动与定位网页布局三大机制及最佳实践
本文给大家讲解CSS 的三种核心布局机制——普通流(Normal Flow)、浮动(Float)和定位(Positioning)对于创建灵活、响应式的网页至关重要,本文将深入探讨这三种机制的工作原
2025-06-19 css实现角标效果并带有文章或图标效果(完整代码)
文章介绍如何用CSS实现角标效果,通过.active类结合::after和::before伪元素,利用定位、边框和旋转创建红色边框与白色三角形的提示标志,适用于按钮或卡片元素的视觉增强设计
2025-06-19 CSS place-items: center解析与用法详解
place-items: center; 是一个强大的 CSS 简写属性，用于同时控制 网格(Grid) 和 弹性盒(Flexbox) 布局中的对齐方式，本文给大家介绍CSS place-items: center； 详解与用法
2025-06-17 CSS实现元素撑满剩余空间的五种方法
在日常开发中，我们经常需要让某个元素占据容器的剩余空间，本文将介绍5种不同的方法来实现这个需求，并分析各种方法的优缺点，感兴趣的朋友一起看看吧
2025-06-17 CSS中前端单位 px、vw、vh 等的区别与使用建议
CSS单位区别与使用场景总结：px绝对、vw/vh响应式,%继承父尺寸,em/rem文字缩放,vmin/vmax适应宽高变化,固定布局用px或%,响应式布局用vw/vh/rem,文字用em或rem，本文给大家
2025-06-16 CSS中padding基本概念及简单写法
在CSS布局中，padding属性是控制元素内容与其边框之间距离的关键工具，本文介绍CSS基础中padding，通过本文的介绍，我们深入了解了padding的基本概念、简写方法以及它对元
2025-05-16
本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性，感兴趣的朋友跟随小编一起看看吧2025-06-20
文章介绍如何用CSS实现角标效果,通过.active类结合::after和::before伪元素,利用定位、边框和旋转创建红色边框与白色三角形的提示标志,适用于按钮或卡片元素的视觉增强设计2025-06-19
在日常开发中，我们经常需要让某个元素占据容器的剩余空间，本文将介绍5种不同的方法来实现这个需求，并分析各种方法的优缺点，感兴趣的朋友一起看看吧2025-06-17
最新评论