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

  • 相关阅读:
    Linux下Fortran多文件编译
    java用poi实现对word读取和修改操作
    SQL DATEDIFF语法及时间函数 Sql 查询当天、本周、本月记录
    深入Java集合学习系列:LinkedHashSet的实现原理
    Log4Net日志
    程序员创业如何才能成功?
    Asp.net 数据采集基类(远程抓取,分解,保存,匹配)
    response.setContentType()的String参数及对应类型
    深入Java集合学习系列:LinkedHashMap的实现原理
    深入Java集合学习系列:HashSet的实现原理
  • 原文地址:https://www.cnblogs.com/xupeiyu/p/3716031.html
Copyright © 2011-2022 走看看