DIV+CSS切图过程中的命名规则

DIV+CSS内容:content/container   导航:nav    侧栏:sidebar  
栏目:column   标志:logo   页面主体:main     
 
广告:banner    热点:hot    新闻:news             
下载:download    子导航:subnav    菜单:menu


搜索:search   页脚:footer    滚动:scroll     
版权:copyright   友情链接:friendlink    子菜单:submenu    
内容:content    标签页:tab   文章列表:list          
注册:regsiter   提示信息:msg  
小技巧:tips                                加入:joinus   栏目标题:title   指南:guild                

  
服务:service   状态:status    投票:vote                  
尾:footer   合作伙伴:partner   登录条:loginbar
页面外围控制整体布局宽度:wrapper   左右中:left right center
 id的命名:

(1)页面结构
容器: container           页头:header                  内容:content/container           
页面主体:main          页尾:footer                    导航:nav                  
侧栏:sidebar             栏目:column              左右中:left right center
页面外围控制整体布局宽度:wrapper   


(2)导航
导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单:menu         子菜单:submenu         标题: title       摘要: summary

(3)功能
标志: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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值