常用的class命名

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

项目中常用的class命名

)

---

前言

在学习css的过程中，刚开始类名总是使用随意拼接的名字，但是可读性并不高，而且很容易写的自己都感觉很乱，因此为了项目的整齐辨识度高，我学习了几种不同的命名方式，兼顾可辨别性与可读性

一、class(类选择器)的命名规范

1.点不能省略
2.类名不能以数字开头
3.除了-_，不能带任何其他的符号
4.见名知意

二、常用的CSS样式命名

1.页面结构

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

2.导航

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

3.功能

标志：logo
广告：banner
登录：login
登录条：loginbar
注册：register
搜索：search
功能区：shop
标题：title