header
main
footer
css 用-符号 js 用驼峰式 大小写拼接 一下翻译来 自有道翻译
flex
home
login
text
way // 方向 路
road //马路
path // 道路
route 路线
strawberry //草莓
watermelon //西瓜
tangerine //橘子
orange// 橙色 橙子
apple //苹果
pear //梨
peach //桃子
banana //香蕉
mulberry //桑葚
durian // 榴莲
cherry // 樱桃
tomato //西红柿
grape // 葡萄
jujube // 枣
pawpaw // 木瓜
mango // 芒果
melon // 蜜瓜
pitaya // 火龙果
longan //龙眼
blueberry // 蓝莓
mangosteen // 山竹果
sugarcane //甘蔗
ananas / pineapple //凤梨
lemon //柠檬
coco / coconut //椰子
kiwi // 猕猴桃
muskmelon // 香瓜
b'rowse //浏览
provider //供应者
dynamic //动态，动力
step // 步 脚步
container //容器
content // 内容
center // 居中
headline //大标题
byline // 署名 (用作二级标题)
footline // 页脚标题
details //细节
nav-bar //导航栏
left/right/top/bottom // 左右上下
matter //事件
substance //实质
helmet //头盔
event // 事件
article
item
wrap
| #wrapper | 页面外围控制整体布局宽度 |
| #container或#content | 容器,用于最外层 |
| #layout | 布局 |
| #head, #header | 页头部分 |
| #foot, #footer | 页脚部分 |
| #nav | 主导航 |
| #subnav | 二级导航 |
| #menu | 菜单 |
| #submenu | 子菜单 |
| #sideBar | 侧栏 |
| #sidebar_a, #sidebar_b | 左边栏或右边栏 |
| #main | 页面主体 |
| #tag | 标签 |
| #msg #message | 提示信息 |
| #tips | 小技巧 |
| #vote | 投票 |
| #friendlink | 友情连接 |
| #title | 标题 |
| #summary | 摘要 |
| #loginbar | 登录条 |
| #searchInput | 搜索输入框 |
| #hot | 热门热点 |
| #search | 搜索 |
| #search_output | 搜索输出和搜索结果相似 |
| #searchBar | 搜索条 |
| #search_results | 搜索结果 |
| #copyright | 版权信息 |
| #branding | 商标 |
| #logo | 网站LOGO标志 |
| #siteinfo | 网站信息 |
| #siteinfoLegal | 法律声明 |
| #siteinfoCredits | 信誉 |
| #joinus | 加入我们 |
| #partner | 合作伙伴 |
| #service | 服务 |
| #regsiter | 注册 |
| arr/arrow | 箭头 |
| #guild | 指南 |
| #sitemap | 网站地图 |
| #list | 列表 |
| #homepage | 首页 |
| #subpage | 二级页面子页面 |
| #tool, #toolbar | 工具条 |
| #drop | 下拉 |
| #dorpmenu | 下拉菜单 |
| #status | 状态 |
| #scroll | 滚动 |
| .tab | 标签页 |
| .left .right .center | 居左、中、右 |
| .news | 新闻 |
| .download | 下载 |
| .banner | 广告条(顶部广告条) |
-
1.页面结构
容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center -
2.导航栏相关
导航：nav
主导航：mainnav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
标题: heading
子标题：subHeading
摘要: summary -
3.功能
标志：logo
广告：banner
登陆：login
登录条：loginbar
注册：regsiter
搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：message
当前的: current
小技巧：tips
图标: icon
注释：note
指南：guild
服务：service
热点：hot
新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：friendlink
版权：copyright -
4.样式文件命名
主要的 main.css
模块 module.css
基本共用 base.css
布局 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css