CSS命名规范(建议版)

非原创,来源网络。感谢原作者奉献如此精彩文章。原文地址: http://bbs.blueidea.com/thread-2856346-1-1.html

容    器:container/box
头    部:header
主 导 航:mainNav
子 导 航:subNav
顶 导 航:topNav
网站标志:logo
大 广 告:banner
页面中部:mainBody
底    部:footer
菜    单:menu
菜单内容:menuContent
子 菜 单:subMenu
子菜单内容:subMenuContent
搜    索:search
搜索关键字:keyword
搜索范围:range
标签文字:tagTitle
标签内容:tagContent
当前标签:tagCurrent/currentTag
标   题:title
内    容:content
列    表:list
当前位置:currentPath
侧 边 栏:sidebar
图    标:icon
注    释:note
登    录:login
注    册:register
列 定 义:column_1of3 (三列中的第一列)
         column_2of3 (三列中的第二列)
         column_3of3 (三列中的第三列)

外 套:  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

posted on 2008-08-11 16:10  9who  阅读(372)  评论(0编辑  收藏  举报

导航