CSS样式命名规范

by simon / Mar 15, 2011

CSS命名规则：

一、文件命名规范

全局样式：global.css；

框架布局：layout.css；

字体样式：font.css；

链接样式：link.css；

打印样式：print.css；

基本共用：base.css

主    要：master.css

专    栏：columns.css

主    题：themes.css

模    块：module.css

表    单：forms.css

补    丁：mend.css

二、页面结构

容    器：container

页    头：header

内    容：content

页面主体：main

页    尾：footer

栏    目：column

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

左 右 中：left right center

三、导航

导    航：nav

主 导 航：mainbav

子 导 航：subnav

顶 导 航：topnav

边 导 航：sidebar

左 导 航：leftsidebar

右 导 航：rightsidebar

菜    单：menu

子 菜 单：submenu

摘    要：summary

四、功能

标    志：logo

广    告：banner

登    陆：login

登 录 条：loginbar

注    册：regsiter

搜    索：search

功 能 区：shop

标    题：title

加    入：joinus

状    态：status

按    钮：btn

滚    动：scroll

标 签 页：tab

文章列表：list

提示信息：msg

当 前 的: current

小 技 巧：tips

图    标：icon

注    释：note

指    南：guild

服    务：service

热    点：hot

新    闻：news

下    载：download

投    票：vote

合作伙伴：partner

友情链接：link

版    权：copyright