命名
见名知其意,名称即注释
Element
- 容器:
container
- 内容:
content
- 头部:
header
- 底部:
footer
- 标题:
title
- 主要:
main
,body
- 导航:
nav
- 子导航:
subnav
- 菜单:
menu
- 子菜单:
submen
- 侧边栏:
aside
- 部分:
section
- 外层:
warp
- 内层:
inner
- 工具条:
toolbar
- 列表:
list
- 表格:
table
,grid
- 表单:
form
- 分页:
pagenation
- 标签页:
tabs
- 下拉菜单:
dropdown
- 浮层:
popover
- 模态框:
modal
- 遮罩:
mask
- 提示:
tooltip
- 对话框:
dialog
- 警告框:
alert
- 确认框:
confirm
- 标签:
tag
,label
- 徽章:
badge
- 面板:
pannel
- 文本:
text
- 图标:
icon
- 按钮:
btn
,button
- 链接:
link
- 图片:
img
- 头像:
avatar
- 名称:
name
- 箭头:
arrow
- 值:
val
,value
- 组:
group
- 项:
item
- 列:
cloumn
- 行:
row
← CSS