CSS 样式命名 | 说明 |
---|---|
网页公共命名 | |
#wrapper | 页面外围控制整体布局宽度 |
#container 或 #content | 容器, 用于最外层 |
#layout | 布局 |
#head, #header | 页头部分 |
#foot, #footer | 页脚部分 |
#nav | 主导航 |
#subnav | 二级导航 |
#menu | 菜单 |
#submenu | 子菜单 |
#sideBar | 侧栏 |
#sidebar_a, #sidebar_b | 左边栏或右边栏 |
#main | 页面主体 |
#tag | 标签 |
#msg #message | 提示信息 |
#tips | 小技巧 |
#vote | 投票 |
#friendlink | 友情连接 |
#title | 标题 |
#summary | 摘要 |
#loginbar | 登录条 |
#searchInput | 搜索输入框 |
#hot | 热门热点 |
#search | 搜索 |
#search_output | 搜索输出和搜索结果相似 |
#searchBar | 搜索条 |
#search_results | 搜索结果 |
#copyright | 版权信息 |
#branding | 商标 |
#logo | 网站 LOGO 标志 |
#siteinfo | 网站信息 |
#siteinfoLegal | 法律声明 |
#siteinfoCredits | 信誉 |
#joinus | 加入我们 |
#partner | 合作伙伴 |
#service | 服务 |
#regsiter | 注册 |
arr/arrow | 箭头 |
#guild | 指南 |
#sitemap | 网站地图 |
#list | 列表 |
#homepage | 首页 |
#subpage | 二级页面子页面 |
#tool, #toolbar | 工具条 |
#drop | 下拉 |
#dorpmenu | 下拉菜单 |
#status | 状态 |
#scroll | 滚动 |
.tab | 标签页 |
.left .right .center | 居左、中、右 |
.news | 新闻 |
.download | 下载 |
.banner | 广告条(顶部广告条) |
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
感觉这个写的蛮有用的, 就收藏过来了.
来源: http://www.bubuko.com/infodetail-2733191.html