常用的CSS命名规则

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

常⽤的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; }
/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。

相关文档
最新文档