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

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

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

网上整理的比较好的css命名规则，为css代码的规范化做参考。

打赏

微信扫一扫，打赏作者吧～

本文固定链接: https://www.cxy163.net/archives/254 | 绝缘体