CSS 层叠样式表命名参考表

所属分类: 网页制作 / CSS 阅读数: 2002
收藏 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    
       
更多精彩内容其他人还在看

Opera中国的WEB标准课程

网页制作Webjx文章简介:在这篇文章里,我要向大家介绍我和其他很多人花费数月时间开发的一个课程——Web标准课程,该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识。当然,我主要还
收藏 0 赞 0 分享

CSS样式表渐进增强的基本概念

网页制作Webjx文章简介:如果你挠着头想弄清楚优雅降级和渐进增强的区别,我告诉你,这是视角问题。优雅降级和渐进增强都考虑网站在各种设备的各种浏览器上如何良好运转。两者区别的关键在于它们各自关注的焦点,以及这种关注对工作流程的影响
收藏 0 赞 0 分享

简单介绍Web Developer插件制作网页

网页制作Webjx文章简介:Firefox浏览器是一个良好支持W3C标准的开放源代码的浏览器,拥有Linux/Windows/Mac版本。因为Firefox浏览器良好支持W3C标准,所以使用Firefox来调试网页是非常好的。 Firefox浏览器是
收藏 0 赞 0 分享

CSS布局带来的巨大影响:CSS display属性值

网页制作Webjx文章简介:网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。 应原书编辑要求,先在文章顶部给出链接:《Everything You
收藏 0 赞 0 分享

用div css模拟表格对角线

这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之 首先声明: 这只是探讨一种CSS模拟表格对角线的
收藏 0 赞 0 分享

IE Firefox在css中的差别 (部分)

1、单位问题 问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外) 解决:写全单位如padding:0px; 2、水平居中 问题:div里的内容,ie默认为center,而ff默认left 解决:mairgin:0px auto; 3、高度问题
收藏 0 赞 0 分享

不用js可以实现信息提示效果

[code] <style> body { font:verdena; font-size:14px; color:#000 } h1{ font:verdena; font-size:22px; color:#000 } h2{ font:verdena;
收藏 0 赞 0 分享

CSS解决未知高度的垂直水平居中自适应问题

今天有人问起,晚上试着写出来,供参考; 以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。 从最简单的开始………… 一、如何让一个DIV水平居中? 这个简单不作过多说明! [code] <st
收藏 0 赞 0 分享

CSS cursor 属性 -- 鼠标指针样式效果

取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize |
收藏 0 赞 0 分享

css 简单区别ie6,ie7,firefox的写法

同一样式里可以这样 [code] margin:17px; FF +margin:17px; IE6 IE7 _margin:17px; IE6 [/code] 按这个顺序,刚好区分开三个浏览器
收藏 0 赞 0 分享
查看更多