标签：菜单 footer content CSS 规则 命名 导航 css 页面

CSS命名规则

 　　头：header

 　　内容：content/container

 　　尾：footer

 　　导航：nav

 　　侧栏：sidebar

 　　栏目：column

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

 　　左右中：left right center

 　　登录条：loginbar

 　　标志：logo

 　　广告：banner

 　　页面主体：main

 　　热点：hot

 　　新闻：news

 　　下载：download

 　　子导航：subnav

 　　菜单：menu

 　　子菜单：submenu

 　　搜索：search

 　　友情链接：friendlink

 　　页脚：footer

 　　版权：copyright

 　　滚动：scroll

 　　内容：content

 　　标签页：tab

 　　文章列表：list

 　　提示信息：msg

 　　小技巧：tips

 　　栏目标题：title

 　　加入：joinus

 　　指南：guild

 　　服务：service

 　　注册：regsiter

 　　状态：status

 　　投票：vote

 　　合作伙伴：partner

CSS+DIV的命名规则：

　　登录条:loginBar

　　标志:logo

　　侧栏:sideBar

　　广告:banner

　　导航:nav

　　子导航:subNav

　　菜单:menu

　　子菜单:subMenu

　　搜索:search

　　滚动:scroll

　　页面主体:main

　　内容:content

　　标签页:tab

　　文章列表:list

　　提示信息:msg

　　小技巧:tips

　　栏目标题:title

　　友情链接:friendLink

　　页脚:footer

　　加入:joinus

　　指南:guild

　　服务:service

　　热点:hot

　　新闻:news

　　下载:download

　　注册:regsiter

　　状态:status

　　按钮:btn

　　投票:vote

　　合作伙伴:partner

　　版权:copyRight

　　1.CSSID的命名

　　外套:wrap

　　主导航:mainNav

　　子导航:subnav

　　页脚:footer

　　整个页面:content

　　页眉:header

　　页脚:footer

　　商标:label

　　标题:title

　　主导航:mainNav(globalNav)

　　顶导航:topnav

　　边导航:sidebar

　　左导航:leftsideBar

　　右导航:rightsideBar

　　旗志:logo

　　标语:banner

　　菜单内容1:menu1Content

　　菜单容量:menuContainer

　　子菜单:submenu

　　边导航图标:sidebarIcon

　　注释:note

　　面包屑:breadCrumb(即页面所处位置导航提示)

　　容器:container

　　内容:content

　　搜索:search

　　登陆:login

　　功能区:shop(如购物车，收银台)

　　当前的current

　　2.样式文件命名

　　主要的:master.css

　　布局版面:layout.css

　　专栏:columns.css

　　文字:font.css

　　打印样式:print.css

　　主题:themes.css

标签：菜单,footer,content,CSS,规则,命名,导航,css,页面
来源： https://www.cnblogs.com/Y516681464/p/15725935.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。