当前位置: 首页 > 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

http://www.lryc.cn/news/246738.html

相关文章:

  • Vue学习笔记-搭建Vuex
  • Ajax技
  • Co-DETR:DETRs与协同混合分配训练论文学习笔记
  • ELk部署,保姆级教学超详细!!!
  • 计算机毕业设计springboot+vue高校田径运动会报名管理系统61s38
  • java学习part21枚举
  • MongoDB的部署
  • 解析和存储优化的批量爬虫采集策略
  • 【git】使用ssh
  • Linux 文件锁
  • 原理Redis-SkipList
  • Express内置的中间件
  • Webstorm 插件文件目录颜色分析——白蓝绿红黄灰
  • 蓝桥杯day01——根据给定数字划分数组
  • oracle数据库巡检常见脚本-系列二
  • JavaScript 表达式
  • Python之Pygame游戏编程详解
  • 虚拟摇杆easytouch joystick的方向与角色移动方向不一致
  • C++二分查找:统计点对的数目
  • 播放器开发(二):了解FFmpeg与SDL常用对象和函数
  • 【数据库】基于排序算法的去重,集合与包的并,差,交,连接操作实现原理,执行代价以及优化
  • Redis 主从架构,Redis 分区,Redis哈希槽的概念,为什么要做Redis分区
  • 极客大挑战2023 Web方向题解wp 全
  • kafka开发环境搭建
  • Python大数据考题
  • 才聚免费为你招聘,用人单位看过来!
  • 【SpringCloud】微服务的扩展性及其与 SOA 的区别
  • 从零带你底层实现unordered_map (2)
  • 打造企业AI数字人专属IP的重要性
  • docker容器的生命周期管理常用命令