zoukankan      html  css  js  c++  java
  • 样式最常用的命名规则(转)

    前端开发命名规则很重要,但是网上的命名规则一大篇,下面是我总结的一些常用的短语,希望能帮到大家,肯定不全,欢迎大家补充。

    1.如果是模块,可以这样前缀:

    弹出:pop                    公共:global(缩写:gb) 
    标题:title,tit                提示:hint 
    菜单:menu                 信息:info 
    预览:pvw                   导航:nav 

    2.类型: 
    按钮:btn                    文本:txt
    段落:p                       图标:icon 
    颜色:color(缩写:c)  背景:bg 
    边框:bor

    3.作用:
    设置:set                    添加:add 
    删除:del                    操作:op 
    密码:pw                    导入:inc

    4.状态:
    成功:suc                  失败:lost                透明:tran

    基本上常用的就这么多,大家可以一起来补充

    5.下面我列的几个小例子:
    文本输入框: .input_txt
    段落文本颜色: .tx_c_p
    密码输入框: .input_pw
    相册弹出的设置层: .pop_set_photo
    登录密码输入框: .input_pw_login
    日志设置成功提示: .hint_suc_blogset
    公共提示: .hint_gb

    ......

    6.常用的块命名
    页头: header            登录条: loginBar
    标志: logo                侧栏: sideBar
    广告: Banner            导航: nav
    子导航: subNav         菜单: menu
    子菜单: subMenu       搜索: search
    滚动: scroll               页面主体:main
    内容: content           标签页: tab
    文章列表:list             提示信息:msg
    小技巧: tips              栏目标题:title
    加入: joinus             指南: guild
    服务: service            热点: hot
    新闻: news              下载: download
    注册: regsiter           状态: status
    投票: vote               友情链接:friendLink   

    页脚: footer             版权: copyRight

  • 相关阅读:
    Javascript知识汇总------手写图片上传插件
    Javascript知识汇总------面向对象手写弹窗插件
    Javascript知识汇总------面向对象手写拖拽插件
    Javascript知识汇总------获取构造函数constructor名称和一些字符串处理方法
    博客搬家啦
    NOI 2015 荷马史诗【BZOJ 4198】k叉Huffman树
    BZOJ 1044 木棍分割 解题报告(二分+DP)
    BZOJ 1051 最受欢迎的牛 解题报告
    BZOJ 2467 解题报告
    BZOJ 4619 Swap Space 解题报告
  • 原文地址:https://www.cnblogs.com/xupeiyu/p/3716031.html
Copyright © 2011-2022 走看看