命名规范

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值