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