CSS 层叠样式表命名参考表

所属分类: 网页制作 / CSS 阅读数: 1986
收藏 0 赞 0 分享

命名参考

 

页面结构类
描述 下划线命名 骆驼式命名 参考命名
面板 dashboard    
容器 container container  
页头 header header  
内容 content content container
外围控制 wrapper wrapper wrap
页面主体 main main  
栏目 column column  
- 宽栏目 wide_column wideColumn  
- 窄栏目 narrow_column narrowColumn  
bar    
侧边栏 sidebar sidebar  
网站地图 sitemap    
页尾 footer footer  
       
导航类
描述 下划线命名 骆驼式命名 参考命名
主导航 nav_main navMain  
- 子导航 nav_child navChild  
- 三级导航 nav_third navThird  
导航 nav nav  
- 顶导航 nav_top navTop  
- 左导航 nav_left navLeft  
- 右导航 nav_right navRight  
菜单 menu menu  
- 子菜单 menu_child menuChild  
- 下拉菜单 menu_drop menuDrop  
位置导航 crumb crumb  
面包屑 breadcrumb breadcrumb 参考
  location-based    
  attribute-based    
  path-based    
       
表单
描述 下划线命名 骆驼式命名 参考命名
邮件 mail    
用户名 username    
密码 passwd    
重复密码 passwd_again    
保存信息 cookie    
性别 sex    
地点 local    
下拉 drop    
验证码 verification    
按钮 btn    
必填项 requisite    
       
状态 status    
       
功能模块
描述 下划线命名 骆驼式命名 参考命名
登录 login    
注册 regsiter    
搜索 search    
标签页 tab    
工具条 toolbar    
标签页 tab    
日历 calendar    
分类 category   categories
归档 archive   archives
回复 comment   comments
标签 tag   tags
投票 vote    
合作伙伴 partner    
友情链接 friendlink    
新闻 news    
下载 download    
指南 guild    
帮助 help    
常见问题 faq    
服务 service    
       
    selection  
内容
描述 下划线命名 骆驼式命名 参考命名
注释 note    
条目 entry    
摘要 summary    
缩略图 screenshot    
提示信息 msg    
小技巧 tips    
       
正方形的 Square    
极小的 Thumbnail    
小的 Small    
中等的 Medium    
大的 Large    
原始的 Original    
       
动作
描述 下划线命名 骆驼式命名 参考命名
滚动 scroll    
箭头 arrow    
       
首页 first    
上一页 prev   previous
下一页 next    
末页 last    
更早的 older    
更新的 newer    
       
状态
描述 下划线命名 骆驼式命名 参考命名
列表 list    
-热点 hot    
-更新 new    
前十列表 topten_list    
相关列表 related_list    
更新列表 update_list    
       
更多精彩内容其他人还在看

CSS样式分离之再分离达到精简与重用

无论是CSS的分离还是js的分离,其主要作用之一就是精简与重用,CSS本身就代表着精简与重用,CSS样式分离,我一般指的是“以单独的CSS文件将CSS样式分离出来”,此处的重用多针对不同页面的重用,就是说,一个样式文件,可以多个页面使用,这对于一些公共样式的重构是很有
收藏 0 赞 0 分享

CSS属性behavior的语法使用说明

在进行CSS网页布局的时候,我们经遇到刷新要保留表单里内容的时候,习惯的做法使用cookie,但是那样做实在是很麻烦,css中的behavior就为我们很好的解决了这个问题。今天jb51.net就向大家介绍CSS属性behavior的语法
收藏 0 赞 0 分享

网页制作中的水平居中和垂直居中解决方法集合

 在定义网页的CSS样式的时候,我们或许并不怎么用到垂直居中。
收藏 0 赞 0 分享

最常见IE的Bug及其fix修复方法

Internet Explorer – Web程序员的毒药。在IE上开发时间中有超过60%的时间是花在和IE的bug进行搏斗,让你的开发生产率严重下降。下面是一个教程,告诉你9个IE上最常见的BUG以及如何解决它们。
收藏 0 赞 0 分享

CSS常用浏览器兼容调整小结

用CSS+DIV来写网站代码的好处显而易见,这里不多说了,但由于不同浏览器对CSS的解释不统一,造成不同浏览器下页面错位的现象十分常见……
收藏 0 赞 0 分享

css firefox火狐浏览器下的兼容性问题

css firefox火狐浏览器下的兼容性问题
收藏 0 赞 0 分享

DIV+CSS 浏览器兼容性小结

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!
收藏 0 赞 0 分享

div+css 布局常识 8问

CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官提出的问题,或者给出的试卷。今天jb51.net收集了常见的8条面试题目,希望对您有所帮助。
收藏 0 赞 0 分享

CSS用四种方式实现布局

CSS用四种方式实现布局
收藏 0 赞 0 分享

css 解决表格边框不显示的问题

在 IE6 中,当表格单元格中的数据为空时,边框是不显示的,在IE8中是会显示的,怎样解决这个不兼容的问题呢。
收藏 0 赞 0 分享
查看更多