简单总结前端CSS常用语义类名

这么长时间搜索的写页面的时候比较有用的语义化的 Class 名，不用再每次都开着有道了！给大家分享一下，不足之处还望告知，后期会继续补充。

1. 1.页面结构

   容器: container
   页头：header
   内容：content/container
   页面主体：main
   页尾：footer
   导航：nav
   侧栏：sidebar
   栏目：column
   页面外围控制整体布局宽度：wrapper
   左右中：left right center

2. 2.导航栏相关

   导航：nav
   主导航：mainnav
   子导航：subnav
   顶导航：topnav
   边导航：sidebar
   左导航：leftsidebar
   右导航：rightsidebar
   菜单：menu
   子菜单：submenu
   标题: heading
   子标题：subHeading
   摘要: summary

3. 3.功能

   标志：logo
   广告：banner
   登陆：login
   登录条：loginbar
   注册：regsiter
   搜索：search
   功能区：shop
   标题：title
   加入：joinus
   状态：status
   按钮：btn
   滚动：scroll
   标签页：tab
   文章列表：list
   提示信息：message
   当前的: current
   小技巧：tips
   图标: icon
   注释：note
   指南：guild
   服务：service
   热点：hot
   新闻：news
   下载：download
   投票：vote
   合作伙伴：partner
   友情链接：friendlink
   版权：copyright

4. 4.样式文件命名

   主要的 main.css
   模块 module.css
   基本共用 base.css
   布局 layout.css
   主题 themes.css
   专栏 columns.css
   文字 font.css
   表单 forms.css
   补丁 mend.css
   打印 print.css

前端的小伙伴们可以加群，群里有部分资源，书或插件什么的，