谁能给我一个常用的CSS的命名规则?

html-css010

谁能给我一个常用的CSS的命名规则?,第1张

页头:header

登录条:loginBar

标志:logo

侧栏:sideBar

广告:banner

导航:nav

子导航:subNav

菜单:menu

子菜单:subMenu

搜索:search

滚动:scroll

页面主体:main

内容:content

标签页:tab

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:joinus

指南:guild

服务:service

热点:hot

新闻:news

下载:download

注册:regsiter

状态:status

按钮:btn

投票:vote

合作伙伴:partner

友情链接:friendLink

页脚:footer

版权:copyRight

1.CSS ID 的命名

外 套: wrap

主导航: mainNav

子导航: subnav

页 脚: footer

整个页面: content

页 眉: header

页 脚: footer

商 标: label

标 题: title

主导航: mainNav(globalNav)

顶导航: topnav

边导航: sidebar

左导航: leftsideBar

右导航: rightsideBar

旗 志: logo

标 语: banner

菜单内容1: menu1Content

菜单容量: menuContainer

子菜单: 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

css样式的类名或者相关的ID名也是需要一定的规则,这样有利于前台和后台的交互。

1、一般公司开发都是给技术员一本网站前端开发规范,里面详细的说明了各个命名的规则等相关的问题。

2、常见的人们约定的命名习惯为:

头:header

内容:content/container

尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体布局宽度:wrapper

左右中:left right center

登录条:loginbar

标志:logo

广告:banner

页面主体:main

热点:hot

新闻:news

下载:download

子导航:subnav

菜单:menu

子菜单:submenu

搜索:search

友情链接:friendlink

页脚:footer

版权:copyright

滚动:scroll

内容:content

标签:tags

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:joinus

指南:guide

服务:service

注册:regsiter

状态:status

投票:vote

合作伙伴:partner