命名规范

boy 火巨

HTML+CSS命名规范大全
注意!!!:1.一律小写; 
            2.尽量用英文; 
            3.不加中杠和下划线; 
            4.尽量不缩写,除非一看就明白的单词


整个页面布局:
整个大盒子 wrap ------------------用于最外层
头部 header /head----------------用于头部
主要内容 main ------------用于主体内容(中部)
左侧 main-left -------------左侧布局
中间 main-c -------------中间布局
右侧 main-right -----------右侧布局
导航 nav -----------------网页菜单导航条
内容 content /container ---------------用于网页中部主体
底部 footer/foot -----------------用于底部

导航导航部分:                          
导航:nav 
主导航:mainnav 
子导航:subnav 
顶导航:topnav 
边导航:sidebar 
左导航:leftsidebar 
右导航:rightsidebar 
菜单:menu 
子菜单:submenu 
标题: title 
摘要: summary

功能部分:
标志:logo 
广告:banner 
登陆:login 
登录条:loginbar 
注册:register 
搜索:search 
功能区:shop 
标题:title 
加入:joinus 
状态:status 
按钮:btn 
滚动:scroll 
标签页:tab 
文章列表:list 
提示信息:msg 
当前的: current 
小技巧:tips 
图标: icon 
注释:note 
指南:guild 
服务:service 
热点:hot 
新闻:news 
下载:download 
投票:vote 
合作伙伴:partner 
友情链接:link 
版权:copyright

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 { }

阅读更多
文章标签: 前端 命名
个人分类: 通用
想对作者说点什么? 我来说一句

编程命名规范

2011年10月03日 3KB 下载

css命名规则

2012年01月02日 127KB 下载

开发C#的数据库命名规范

2011年03月09日 42KB 下载

CSS命名规范CSS命名规范

2011年03月09日 57KB 下载

C#命名规范

2011年09月08日 108KB 下载

C#命名规范 C#命名规范

2010年06月11日 123KB 下载

没有更多推荐了,返回首页

不良信息举报

命名规范

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭