css 类名大全

做前端最纠结的就是css命名，写个标签想名字就要想个一分钟，so 从网上copy了一些规范的命名。

1. 相对网页外层重要部分CSS样式命名：
   外套 wrap ------------------用于最外层
   头部 header ----------------用于头部
   主要内容 main ------------用于主体内容（中部）
   左侧 main-left -------------左侧布局
   右侧 main-right -----------右侧布局
   导航条 nav -----------------网页菜单导航条
   内容 content ---------------用于网页中部主体
   底部 footer -----------------用于底部
2. div+css命名
   #wrapper 页面外围控制整体布局宽度
   #container或#content 容器,用于最外层
   #layout 布局
   #head, #header 页头部分
   #foot, #footer 页脚部分
   导航
   #nav 主导航
   #subnav 二级导航
   #topnav 顶导航
   #sidebar 边导航
   #leftsidebar 左边导航
   #menu 菜单
   #submenu 子菜单
   #sideBar 侧栏
   #sidebar_a, #sidebar_b 左边栏或右边栏
   #main 页面主体
   #tag 标签
   #msg #message 提示信息
   #tips 小技巧
   #vote 投票
   #friendlink 友情连接
   #title 标题
   #summary 摘要
   #loginbar 登录条
   #searchInput 搜索输入框
   #hot 热门热点
   #search 搜索
   #search_output 搜索输出和搜索结果相似
   #searchBar 搜索条
   #search_results 搜索结果
   #copyright 版权信息
   #branding 商标
   #logo 网站LOGO标志
   #siteinfo 网站信息
   #siteinfoLegal 法律声明
   #siteinfoCredits 信誉
   #joinus 加入我们
   #partner 合作伙伴
   #service 服务
   #regsiter 注册
   arr/arrow 箭头
   #guild 指南
   #sitemap 网站地图
   #list 列表
   #item 列表里的每一项
   #homepage 首页
   #subpage 二级页面子页面
   #tool, #toolbar 工具条
   #drop 下拉
   #dorpmenu 下拉菜单
   #status 状态
   #scroll 滚动
   .tab 标签页
   .left .right .center 居左、中、右
   .news 新闻
   .download 下载
   .banner 广告条(顶部广告条)
   电子贸易相关
   .products 产品
   .products_prices 产品价格
   .products_description 产品描述
   .products_review 产品评论
   .editor_review 编辑评论
   .news_release 最新产品
   .publisher 生产商
   .screenshot 缩略图
   .faqs 常见问题
   .keyword 关键词
   .blog 博客
   .forum 论坛

3、class 类名的含义
collapse 折叠

选项卡

 tab_menu   /  current  /     tab_box 
 
 mt-tabpage / mt-tabpage-title / mt-tabpage-item / 
 mt-tabpage-count / mt-tabpage-cont__wrap / mt-tabpage-item

最后

以上就是畅快信封为你收集整理的css 类名大全的全部内容，希望文章能够帮你解决css 类名大全所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。