常用的CSS命名规则
应该很多人都会有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; }
佛山vi设计https://www.houdianzi.com/fsvi/ 豌豆资源搜索大全https://55wd.com /p>
(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