常用的CSS样式命名规则

本文介绍了一种实用的CSS命名规则,旨在帮助开发者更好地管理和维护样式表。通过采用这套规范,可以有效减少CSS冗余,提高代码可读性和可维护性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

导读:
  div+css的横行,导致一个网站需要写大量的css,加上在ie 里面继承不是很好用的情况下,大量定义的css不便于管理,很需要一个规范化的命名规则,在网上找到这个,虽然充其量不过是英文翻译,但个人觉得还是很好用,喜欢的看看,不喜欢就当路过.呵呵
  1.样式命名
  外 套:  wrap
  主导航:  mainnav
  子导航:  subnav
  页 脚:  footer
  整个页面: content
  页 眉:  header
  页 脚:  footer
  商 标:  label
  标 题:  title
  主导航:  mainbav(globalnav)
  顶导航:  topnav
  边导航:  sidebar
  左导航:  leftsidebar
  右导航:  rightsidebar
  旗 志:  logo
  标 语:  banner
  菜单内容1: menu1 content
  菜单容量: menu container
  子菜单:  submenu
  边导航图标:sidebarIcon
  注释:   note
  面包屑:  breadcrumb(即页面所处位置导航提示)
  容器:   container
  内容:   content
  搜索:   search
  登陆:   Login
  功能区:  shop(如购物车,收银台)
  当前的   current
  2.另外在编辑样式表时可用的注释可这样写:
  <-- Footer -->
  内容区
  <-- End Footer -->
  3.样式文件命名
  主要的 master.css
  布局,版面 layout.css
  专栏 columns.css
  文字 font.css
  打印样式 print.css
  主题 themes.css

本文转自
http://www.fleake.com/blog/article.asp?id=59
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值