html页面CSS+DIV的命名规则

最新推荐文章于 2021-06-19 06:39:37 发布

转载最新推荐文章于 2021-06-19 06:39:37 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/rising-fay/archive/2013/02/25/2932592.html

本文详细介绍了在网页布局中常用的CSS+DIV命名规则，包括各类网页元素的标准命名方式，如登录条、导航、菜单等，并给出了样式文件的命名建议。

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