CSS样式命名规则(仅供参考)

CSS命名没有什么“规则”,以下仅仅是个人习惯

1.样式命名

外 套:  wrap

主导航:  mainnav

子导航:  subnav

页 脚:  footer

整个页面: content

页 眉:  header

页 脚:  footer

商 标:  label

标 题:  title

主导航:  mainbav(globalnav)

顶导航:  topnav

边导航:  sidebar

左导航:  leftsidebar

右导航:  rightsidebar

旗 志:  logo

标 语:  banner

菜单内容1:menu1content

菜单容量: menucontainer

子菜单:  submenu

边导航图标:sidebarIcon

注释:   note

面包屑:  breadcrumb(即页面所处位置导航提示)

容器:   container

内容:   content

搜索:   search

登陆:   Login

功能区:  shop(如购物车,收银台)

当前的   current

2.另外在编辑样式表时可用的注释可这样写:

<--Footer-->

内容区

<--EndFooter-->

3.样式文件命名

主要的master.css

布局,版面layout.css

专栏columns.css

文字font.css

打印样式print.css

主题themes.css

相关推荐