1.div+CSS常用命名
- 容器:box/container
- 头:top/header
- 页面主体:main
- 内容:content/containe
- 底部:bottom/footer
- 标题:title
- 导航:nav
- 主导航:mainnav
- 子导航:subnav
- 菜单:menu
- 子菜单:ubmenu
- 下拉:drop
- 下拉菜单:dropmenu
- span:辅助标签
- 外围整体宽度:wrapper
- 主题:theme
- 标志:logo
- 栏目:column
- 横条:bar
- 侧栏:sidebar
- 登陆:login
- 登录条:loginbar
- 注册:regsiter
- 搜索:search
- 搜索框:searchbox
- 按钮:botton
- 广告:banner
- 图标:icon
- 热点:hot
- 新闻:news
- 提示信息:msg
- 提示:tips
- 警告:warning
- 突出:highlight
- 次要:secondary
- 滚动:scroll
- 标签页或切换窗:tab
- 文章列表:list
- 下载:download
- 地图:map
- 上传:upload
- 注释:note
- 摘要:summary
- 加入:join
- 指南:guild
- 服务:service
- 状态:status
- 当前的: current
- 投票:vote
- 合作伙伴:partner
- 友情链接:link
- 版权:copyright
0
2.用对应的名字命名
- .red { color: red; }
- .font{ font-size: 12px; }
- .h10{ height: 10px; }
- css.css
- index.css
- 主要的:master.css
- 模块:module.css
- 基本:base.css
- 部局,版面:layout.css
- 主题:themes.css
- 专栏:columns.css
- 表单:forms.css
- 补丁:mend.css
- 打印:print.css
0
3.注意事项
(1)一律小写(除了缩写名词),单词之间可用首字母大写或下划线隔开;
(2)尽量用英文;
(3)尽量不缩写,除非一看就明白的单词;
(4)适当用注释。