本文介绍了CSS命名规范，包括页面结构（如page、header、footer等）、导航（nav、sidebar、menu等）、功能（login、search、btn等）和CSS样式表文件命名（index.css、style.css等）。推荐使用小写字母、连字符分隔的命名方式，并提供了模块、类型、作用和状态的前缀和后缀示例。
CSS命名由小写的英文单词或组合命名，单词与单词之间通过“-”连接，常用的CSS命名规范有页面结构命名规范，导航命名，功能命名以及文本命名规范等。
1.页面结构
整个页面：page
首页：homepage
二级页面子页面：subpage
页头：head / header
页面主体：main
内容：content / container
页尾：foot / footer/ (或命名为 copyright用于底部)
容器：container
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左中右：left center right
外套：wrap / wrapper
2.导航
导航：nav / navbar / navigation / nav-wrapper
顶导航：topnav
主导航：mainnav
子导航：subnav
边导航：sid
最低0.47元/天 解锁文章
扫一扫
463
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
