——个人互联网技术知识学习与记录

青衿

【前端开发】个人文件的css命名规范

      在项目开发中,不同的前端攻城师因个人习惯及知识水准不同,可能导致一个项目中有多种命名规范,比如有人喜欢用驼峰式(headerNav),有人喜欢下杠线(header_nav),有人喜欢缩写(hnav),也有人喜欢全写(headernav)。最终加重了项目的开发及维护难度。所以,最好能统一一种规范。


以下把常用的命名列出:


 (1)页面结构——————————

容器: container


页头:header


内容:content/container


页面主体:main


页尾:footer


导航:nav


侧栏:sidebar


栏目:column


页面外围控制整体布局宽度:wrapper


左右中:left right center


(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

本站由青衿使用HTML和CSS制作 | 豫ICP备14024264号