CSS命名规范
页面结构 | 命名 |
---|---|
头 | header |
内容 | content/container |
尾 | footer |
导航 | nav |
侧栏 | sidebar |
栏目 | column |
外围整体布局宽度 | wrapper |
左右中 | left right center |
登录条 | loginbar |
标志 | logo |
广告/标语 | banner |
页面主体 | main |
热点 | hot |
新闻 | news |
下载 | download |
子导航 | subnav |
菜单 | menu |
子菜单 | submenu |
搜索 | search |
友情链接 | friendlink |
页脚 | footer |
版权 | copyright |
滚动 | scroll |
内容 | content |
尾 | footer |
签页 | tab |
文章列表 | list |
提示信息 | msg |
小技巧 | tips |
栏目标题 | title |
加入 | joinus |
指南 | guild |
服务 | service |
注册 | register |
状态 | status |
投票 | vote |
合作伙伴 | partner |
容器 | container |
内容 | content/container |
页面主体 | main |
主导航 | mainbav |
子导航 | subnav |
顶导航 | topnav |
边导航 | sidebar |
左导航 | leftsidebar |
右导航 | rightsidebar |
菜单 | menu |
子菜单 | submenu |
标题 | title |
摘要 | summary |
登录 | login |
登录条 | loginbar |
注册 | register |
搜索 | search |
功能区 | shop(如购物车,收银台) |
标题 | title |
加入 | joinus |
状态 | status |
按钮 | btn |
滚动 | scroll |
标签页 | tab |
文章列表 | list |
提示信息 | msg |
当前的 | current |
小技巧 | tips |
图标 | icon |
注释 | note |
指南 | guild |
服务 | service |
热点 | hot |
新闻 | news |
下载 | download |
投票 | vote |
合作伙伴 | partner |
友情链接 | friendlink |
版权 | copyright |
面包屑 | breadcrumb |
商标 | label |
css文件功能 | 命名 |
---|---|
主要的 | master.css |
模块 | module.css |
基本共用 | base.css |
布局,版面 | layout.css |
主题 | themes.css |
专栏 | columns.css |
文字 | font.css |
表单 | forms.css |
补丁 | mend.css |
打印 | print.css |
注意事项:
1.一律小写;
2.尽量用英文;
3.不加中杠和下划线;
4.尽量不缩写单词