应该很多人都会有PO这种东西，但是对刚学css的人真的很重要，尤其像我这种英文不好的人，这些是必背的的单字喔^^，这些数据只是我在学习的时候，参考别人的数据之后用自己的思考整理出来的，像参考书写的真的都看不懂，通常翻第一页之后，永远就不会再翻第二页了，当然我也是搂.....

一、常用的CSS命名规则

头：header	内容：content	导览：nav	侧栏：sidebar	专栏：column
页底：footer	左：left	右：right	中：center	登入条：loginbar
标志：logo	横幅：banner	页面主体：main	热门：hot	新闻：news
下载：download	子导览：subnav	项目：menu	子项目：submenu	搜寻：search
友站连结：friendlink	版权：copyright	滚动：scroll	标签页：tab	文章列表：list
提示信息：msg	小技巧：tips	栏目标题：title	加入：joinus	指南：guild
服务：service	注册：regsiter	状态：status	投票：vote	合作伙伴：partner
内部：inner	区域：area/region	?	?	?

二、注释的写法：

/* Footer */
内容区
/* End Footer */ 

三、class的命名： 

(1) 颜色:使用颜色的名称或者16进制代码,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }

(2) 字体大小,直接使用"font+字体大小"作为名称,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }

(3) 对齐模式,使用对齐目目标英文名称,如
.left { float:left; }
.bottom { float:bottom; }

(4) 标题栏模式,使用"类+功能"的方式命名,如
.barnews { }
.barproduct { }

注意事项：

1.一律小写；
2.尽量用英文；
3.不加中杠和下划线；
4.尽量不缩写，除非一看就明白的单词。

一些CSS模式表文件命名：

主要的 master.css
模块 module.css
基本共用 base.css
布局，版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css

链接: https://www.fly63.com/article/detial/5309