一.DIV+CSS布局文件命名规范
全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
二.常用类/ID命名规范
页 眉:header
内 容:content
容 器:container
页 脚:footer
版 权:copyright
导 航:menu
菜单:menu 子菜单:submenu
导航:nav 子导航:subnav
标 志:logo
广告:banner
标 题:title
侧边栏:sidebar
图 标:Icon
注 释:note
搜 索:search
登 录:login 登录条:loginbar
链 接:link
信息框:manage
滚动:scroll
页面主体:main
内容:content
标签页:tab
章列表:list
信息:msg
小技巧:tips
标题:title
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendlink
页脚:footer
版权:copyright
提交:submit
文本框:textbox
统计:count
以上结构可以组合使用,例如:左列标题lefttitle;底部导航footernav 书写原则是: 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词。
常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为
“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn
全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
二.常用类/ID命名规范
页 眉:header
内 容:content
容 器:container
页 脚:footer
版 权:copyright
导 航:menu
菜单:menu 子菜单:submenu
导航:nav 子导航:subnav
标 志:logo
广告:banner
标 题:title
侧边栏:sidebar
图 标:Icon
注 释:note
搜 索:search
登 录:login 登录条:loginbar
链 接:link
信息框:manage
滚动:scroll
页面主体:main
内容:content
标签页:tab
章列表:list
信息:msg
小技巧:tips
标题:title
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendlink
页脚:footer
版权:copyright
提交:submit
文本框:textbox
统计:count
以上结构可以组合使用,例如:左列标题lefttitle;底部导航footernav 书写原则是: 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词。
常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为
“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn