网页切图过程中div+css命名规则

 
更多

(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
注册:regsiter 搜索:search
功能区:shop 标题:title
加入:joinus 状态:status
按钮:btn 滚动:scroll
标签页:tab 文章列表:list
提示信息:msg 当前的: current
小技巧:tips 图标: icon
注释:note 指南:guild
服务:service 热点:hot
新闻:news 下载:download
投票:vote 合作伙伴:partner
友情链接:link 版权:copyright

网上整理的比较好的css命名规则,为css代码的规范化做参考。

打赏

本文固定链接: https://www.cxy163.net/archives/254 | 绝缘体

该日志由 绝缘体.. 于 2012年02月23日 发表在 CSS 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 网页切图过程中div+css命名规则 | 绝缘体
关键字:
【上一篇】
【下一篇】

网页切图过程中div+css命名规则:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter