• 不断学习才有回报,学无止境!

CSS样式最常用的命名规则分享

DIV+CSS技巧发现 箭翎 1522次浏览 0个评论 扫描二维码

前端开发命名规则很重要,但是网上的命名规则一大篇,下面是我总结的一些常用的短语,希望能帮到大家,肯定不全,欢迎大家补充。
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有能力的人影响别人,没能力的人,受人影响。

 


箭翎 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明CSS样式最常用的命名规则分享
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址