常用的CSS命名规范

本文介绍了CSS命名规范,包括页面结构(如page、header、footer等)、导航(nav、sidebar、menu等)、功能(login、search、btn等)和CSS样式表文件命名(index.css、style.css等)。推荐使用小写字母、连字符分隔的命名方式,并提供了模块、类型、作用和状态的前缀和后缀示例。
摘要由CSDN通过智能技术生成

   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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值