css常用样式命名

布局

样式名	说明
layout, container, wrapper, wrap, main, body, piece, card,	布局，版面，容器，块，卡片
sidebar, side, side-left, side-right	侧栏
nav, subnav, menu, submenu,, toolbar, tool	菜单，目录，工具条
header, head	页眉，头部
content	内容
footer, foot	底部

列表

样式名	说明
list, ul, oi, menu, table	列表
item, piece, card, row, cell	条目，块，卡片
search, filter, inquire	搜索，过滤，查询
sort	排序
index, id, uid,guid,uuid,key	索引，ID，Key
title, name	标题，名字
image, picture, avatar	图片，头像
status	状态
date, time, createtime, updatetime, endtime	日期，时间
create, add	创建，添加
update, edit	修改，编辑
destroy, remove, delete, del	销毁，移除，删除
pagination, pages, page	分页

表单

样式名	说明
form	表单
item	条目
label	标签
content	内容
value, val	值
prompt, help, tip, info, message, msg	提示，帮助，信息，消息
verify, rules, rule	校验，规则
error, err, warning	错误，警告
submit, send	提交，发送
reset	重置
cancel, back	取消，返回
prev	上一步
next	下一步
input	输入框
code, sms	验证码

宣传

样式名	说明
banner	Banner
jumbotron	巨幕
ad, publicity	广告，宣传
poster, image	海报，图片
background, bg	背景
carousel, swiper	轮播图，走马灯

推广

banner，广告，推荐，热门，最新，猜你喜欢，横幅，巨幕，轮播图，海报

##

样式名	说明
banner	Banner
ad	广告
discover	发现
content	推荐
hot	热门
prompt, help, tip, info, message, msg	最新
sale	销量
credit	信用
submit, send	猜你喜欢
reset
cancel, back	取消，返回
prev	上一步
next	下一步
input	输入框
code, sms	验证码