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

  • 相关阅读:
    Dev 之 GridControl 列表 显示底部(包括底部统计)
    DEV 之 有些控件不允许拖动。
    Split 之特殊用法
    WebSerivce与WebAPI的区别
    DevExpress的DateEdit设置显示日期和时间
    indexOf 和 lastIndexOf的区别
    DevExpress GridControl使用教程:之 添加 checkbox 复选框
    APP通用测试用例大全
    Windows下搭建easyMock
    Centos8搭建Easy-Mock详细步骤
  • 原文地址:https://www.cnblogs.com/xupeiyu/p/3716031.html
Copyright © 2011-2022 走看看