笔记:css命名相关规范

来源:互联网 发布:linux有几个版本 编辑:程序博客网 时间:2024/06/04 19:01

命名规范
1.所有命名都使用英文小写
2.命名用引号包裹
3.用中横线连接
4.命名太长可适当简化
5.命名体现功能,不涉及表现样式(颜色、字体、边框、背景等)

命名经验
wrap – 用于外侧包裹
header或者 head– 用于头部
main– 用于主体
container或 ct– 包裹容器
aside – 用于侧边栏
nav– 用于导航条
tab– 用于Tab切换选项卡
content– 和header footer 对应,用于主要内容
footer或者foot– 用于尾部
ad– 广告
subnav– 二级导航
menu– 菜单
tag– 标签
message或者notice– 提示消息
summary– 摘要
logo– logo
search– 搜索框
login– 登录
register– 注册
username– 用户名
password – 密码
dropmenu – 下拉菜单
banner – 广告条
copyright – 版权
modal或者 dialog – 弹窗
tooltip – 鼠标放置上去的提示

0 0
原创粉丝点击