class命名
- 连接符号
float-l,float-r
align-l,align-r
marging-t20,marging-l20
sec-tabs
样式文件命名
主要的 main.css
布局,版面 layout.css
打印样式 print.css
DIV+CSS 命名规范
骆驼法则
容 器:container/box
头 部:header
主 导 航:mainNav
子 导 航:subNav
顶 导 航:topNav
网站标志:logo
大 广 告:banner
页面中部:mainBody
底 部:footer
菜 单:menu
菜单内容:menuContent
子 菜 单:subMenu
子菜单内容:subMenuContent
搜 索:search
搜索关键字:keyword
搜索范围:range
标签文字:tagTitle
标签内容:tagContent
当前标签:tagCurrent/currentTag
标 题:title
内 容:content
列 表:list
当前位置:currentPath
侧 边 栏:sidebar
图 标:icon
注 释:note
登 录:login
注 册:register
列 定 义:column_1of3 (三列中的第一列)
column_2of3 (三列中的第二列)
column_3of3 (三列中的第三列)
面 包 屑:breadCrumb(即页面所处位置导航提示)
当 前 的:current
函数变量:骆驼法则 strEmail
一般变量:全部小写,中间以下划线 '_' 分隔 str_name
str_***:字符串
int_***:整数
arr_***:数组
obj_***:对象
bln_***:布尔型 true|false
res_***:资源 resource
函数命名
骆驼法则
function getInfo( strUserId ) {
var str_user_id = strUserId;
}