中文
    div+css命名规范
    达人设计 LV.1 收藏 举报
    内容简介:《div+css命名规范》由达人设计整理,良好的命名规范让别人更容易读懂您的代码。
    2017-06-07 14:28 作者:达人设计 浏览(48374) 评论(0) 喜欢(0)
    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)适当用注释。
    •  
     点击图片添加 X
     点击图片添加 X