前端命名规范之CSS篇

  • 文本命名规范

index.css: 首页样式
head.css: 头部样式
base.css: 共用样式
style.css:独立页面样式
global.css:全局样式
layout.css:布局、版面样式
module.css:模块样式
master.css:主要的样式表
columns.css:专栏样式
themes.css:主体样式
forms.css:表单样式

  • 页面结构命名:

page:整个页面
wrap:盒子容器
wrapper:页面外围控制整体布局宽度,用于最外层
container:整体容器
head,header:页头区域,用于头部
nav: 导航条
content:内容,网站中最重要的内容区域,用于网页中部主体
main:主体内容
column:栏目
sidebar:侧栏
foot,footer:页尾、页脚。用于底部
nav, navbar, navigation, nav-wrapper:导航条或导航包
topnav:顶部导航
mainbav:主导航
subnav:子导航
sidebar:边导航
leftsidebar :左导航
rightsidebar :右导航
title:标题
summary:摘要
menu:菜单,区域包含一般的链接和菜单
submenu:子菜单
drop:下拉
dorpmenu:下拉菜单

  • 功能命名:

logo:logo标志
banner:标语、广告条、顶部广告条
login:登陆
register:注册
tool:工具
search:搜索
icon:小图标
label:商标
homepage:首页
subpage:二级页面子页面
hot:热门热点
list:列表
scroll:滚动
tab:标签
msg 或message:提示信息
current:当前的
join:加入
status:状态
btn/button:按钮
tips:小技巧
note:注释
guild:指南
arrow:标记箭头
service:服务
download:下载

你可能感兴趣的:(命名规范html,css,css3)