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

  • 相关阅读:
    三者最大实例分析
    Python eval函数
    Linux查看某个进程的线程
    将列表传递给函数
    二十四、二进制日志截取与恢复
    二十三、二进制日志事件
    二十二、二进制日志记录方式
    二十一、二进制日志介绍
    二十、错误日志
    十九、InnoDB核心参数
  • 原文地址:https://www.cnblogs.com/xupeiyu/p/3716031.html
Copyright © 2011-2022 走看看