- 尽量不缩写,除非一看就明白的单词.
- 主要的 master.css 模块 module.css 主题 themes.css 专栏 columns.css 基本共用 base.css
- 文字 font.css 表单 forms.css 补丁 mend.css 打印 print.css 布局,版面 layout.css
- (1)页面结构
- 容器: container 页头:header 导航:nav
- 页面外围控制整体布局宽度:wrapper
- 内容:content/container
- 页面主体:main
- 侧栏:sidebar 栏目:column
- 页尾:footer
- (2)导航
- 导航:nav
- 主导航:mainbav
- 子导航:subnav
- 顶导航:topnav
- 边导航:sidebar
- 左导航:leftsidebar
- 右导航:rightsidebar
- 菜单:menu
- 子菜单:submenu
- 标题: title
- 摘要: summary
- (3)功能
- 标志:logo
- 广告:banner
- 登陆:login
- 注册:regsiter
- 搜索:search
- 功能区:shop
- 登录条:loginbar
- 标题:title
- 加入:joinus
- 状态:status
- 按钮:btn
- 滚动:scroll
- 标签页:tab
- 当前的: current
- 新闻:news
- 图标: icon
- 注释:note
- 指南:guild
- 服务:service
- 热点:hot
- 下载:download
- 投票:vote
- 尾:footer
- 版权:copyright
- 合作伙伴:partner
- 友情链接:link
- 文章列表:list
- 提示信息:msg
- 小技巧:tips
- (1)颜色:使用颜色的名称或者16进制代码,如
- .red { color: red; }
- .f60 { color: #f60; }
- .ff8600 { color: #ff8600; }
- (2) 字体大小,直接使用"font+字体大小"作为名称,如
- .font12px { font-size: 12px; }
- .font9pt {font-size: 9pt; }
- (3)对齐样式,使用对齐目标的英文名称,如
- .left { float:left; }
- (4)标题栏样式,使用"类别+功能"的方式命名,如
- .barnews { }
- .barproduct { }
- 网站公用相关
- Container div #container 容器
- Header or banner div #header 页头部分
- Main or global navigation div #main-nav 主导航
- Menu #menu 菜单
- Sub Menu #submenu 子菜单
- Left or right side columns #sidebar-a, #sidebar-b 左边栏或右边栏
- Main div #main 页面主体
- Content div #content 内容部分
- The main content area #content-main 主要内容区域
- Footer div #footer 页脚部分
- Tag #tag 标签
- Message #msg #message 提示信息
- Tips #tips 小技巧
- Vote #vote 投票
- Friend Link #friendlink 友情连接
- Title #title 标题
- Summary #summary 摘要
- Sub-navigation list #sub-nav 二级导航
- Search input #search-input 搜索输入框
- Search output #search-output 搜索输出和搜索结果相似
- Search #search 搜索
- Search results #search-results 搜索结果
- Copyright information #copyright 版权信息
- brand #branding 商标
- branding-logo #branding-logo LOGO
- Site information #siteinfo 网站信息
- Copyright information etc. #siteinfo-legal 法律声明
- Designer or other credits #siteinfo-credits 信誉
- Join us #joinus 加入我们
- Partnership opportunities #partner 合作伙伴
- Services #service 服务
- Regsiter #regsiter 注册
- Status #status 状态
- 电子贸易相关
- Products .products 产品
- Products prices .products-prices 产品价格
- Products description .products-description 产品描述
- Products review .products-review 产品评论
- Editor's review .editor-review 编辑评论
- New release .news-release 最新产品
- Publisher .publisher 生产商
- Screen shot .screenshot 缩略图
- FAQ .faqs 常见问题
- Keyword .keyword 关键词
- Blog .blog 博客
- Forum .forum 论坛
Html CSS一-些常用命名
最新推荐文章于 2020-06-13 15:41:02 发布