当前位置: 首页 > news >正文

前端命名规范总结

布局类:header, footer, container, main, content, aside, page, section
包裹类:wrap, inner
区块类:region, block, box
结构类:hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span
列表类:list, item, field
主次类:primary, secondary, sub, minor
大小类:s, m, l, xl, large, small
状态类:active, current, checked, hover, fail, success, warn, error, on, off
导航类:nav, prev, next, breadcrumb, forward, back, indicator, paging, first, last
交互类:tips, alert, modal, pop, panel, tabs, accordion, slide, scroll, overlay,
星级类:rate, star
分割类:group, seperate, divider
等分类:full, half, third, quarter
表格类:table, tr, td, cell, row
图片类:img, thumbnail, original, album, gallery
语言类:cn, en
论坛类:forum, bbs, topic, post
方向类:up, down, left, right
其他语义类:btn, close, ok, cancel, switch; link, title, info, intro, more, icon; form, label, search, contact, phone, date, email, user; view, loading…

窗口: widget
控制: controls 
组 :group
动作: action
流体: fluid
文章: article
标记、徽章: badge
提示: prompt
下拉: dropdown
作用: role
胶囊导航: pills
堆满: stacked、block
禁用: disabled
缩略图: thumbnail
字幕:标题 caption
进度条: progress
面板: panel

相关文章:

  • linaro交叉编译工具链下载与使用笔记
  • 量子计算的世界:探索叠加态与Python编程
  • C语言——数组转换
  • Zabbix“专家坐诊”第212期问答汇总
  • 外包干了5个月,技术退步明显.......
  • SELinux refpolicy详解(2)
  • RabbitMQ消息的应答
  • SpringBoot——自定义start
  • 【JavaEE初阶】volatile 关键字、wait 和 notify
  • Python与设计模式--命令模式
  • Ubuntu镜像与K8S冲突,容器持续Terminating
  • 大数据项目前三层--学习笔记
  • PHP:js中怎么使用PHP变量,php变量为数组时的处理
  • 鸿蒙系统扫盲(三):鸿蒙开发用什么语言?
  • 【Linux】tar 命令使用
  • “大数据应用场景”之隔壁老王(连载四)
  • 「前端早读君006」移动开发必备:那些玩转H5的小技巧
  • 【css3】浏览器内核及其兼容性
  • HTML5新特性总结
  • JavaWeb(学习笔记二)
  • Meteor的表单提交:Form
  • Sass 快速入门教程
  • springboot_database项目介绍
  • Vue2.x学习三:事件处理生命周期钩子
  • Vue学习第二天
  • 观察者模式实现非直接耦合
  • 力扣(LeetCode)965
  • 利用jquery编写加法运算验证码
  • 悄悄地说一个bug
  • 设计模式走一遍---观察者模式
  • 使用Tinker来调试Laravel应用程序的数据以及使用Tinker一些总结
  • 思维导图—你不知道的JavaScript中卷
  • 3月7日云栖精选夜读 | RSA 2019安全大会:企业资产管理成行业新风向标,云上安全占绝对优势 ...
  • Python 之网络式编程
  • 如何在 Intellij IDEA 更高效地将应用部署到容器服务 Kubernetes ...
  • ​LeetCode解法汇总307. 区域和检索 - 数组可修改
  • ​学习一下,什么是预包装食品?​
  • ###STL(标准模板库)
  • #DBA杂记1
  • (07)Hive——窗口函数详解
  • (13)Hive调优——动态分区导致的小文件问题
  • (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)...
  • (BFS)hdoj2377-Bus Pass
  • (HAL)STM32F103C6T8——软件模拟I2C驱动0.96寸OLED屏幕
  • (六)库存超卖案例实战——使用mysql分布式锁解决“超卖”问题
  • (亲测成功)在centos7.5上安装kvm,通过VNC远程连接并创建多台ubuntu虚拟机(ubuntu server版本)...
  • (四)Controller接口控制器详解(三)
  • (四)鸿鹄云架构一服务注册中心
  • (算法)Travel Information Center
  • (原創) 如何使用ISO C++讀寫BMP圖檔? (C/C++) (Image Processing)
  • (转)linux 命令大全
  • ****** 二 ******、软设笔记【数据结构】-KMP算法、树、二叉树
  • .“空心村”成因分析及解决对策122344
  • .net mvc部分视图
  • .NET 应用架构指导 V2 学习笔记(一) 软件架构的关键原则