CSS 层叠样式表命名参考表

  发布时间:2010-08-08 22:34:41   作者:佚名   我要评论
CSS 层叠样式表命名参考,这样的命名更正规,搜索引擎与用户也习惯。

命名参考

 

页面结构类
描述 下划线命名 骆驼式命名 参考命名
面板 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 Grid 布局示例详解

    CSS Grid 是一种二维布局系统,可以同时控制行和列,相比 Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,这篇文章主要介绍了前端CSS Grid 布局详解,需要的朋
    2025-04-16
  • CSS Padding 和 Margin 区别全解析

    CSS 中的 padding 和 margin 是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍 padding 和 margin 的概念、区别以及如何在实际项目中使用它们
    2025-04-07
  • CSS will-change 属性示例详解

    will-change 是一个 CSS 属性,用于告诉浏览器某个元素在未来可能会发生哪些变化,本文给大家介绍CSS will-change 属性详解,感兴趣的朋友一起看看吧
    2025-04-07
  • CSS去除a标签的下划线的几种方法

    本文给大家分享在 CSS 中,去除a标签(超链接)的下划线的几种方法,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧
    2025-04-07
  • 前端高级CSS用法示例详解

    在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交互和动态效果的关键技术之一,随着前端技术的不断发展,CSS的用法也日益丰富和高级,本文将
    2025-04-07
  • css中的 vertical-align与line-height作用详解

    文章详细介绍了CSS中的`vertical-align`和`line-height`属性,包括它们的作用、适用元素、属性值、常见使用场景、常见问题及解决方案,感兴趣的朋友跟随小编一起看看吧
    2025-03-26
  • 浅析CSS 中z - index属性的作用及在什么情况下会失效

    z-index属性用于控制元素的堆叠顺序,值越大,元素越显示在上层,它需要元素具有定位属性(如relative、absolute、fixed或sticky),本文给大家介绍CSS 中z - index属性的作用
    2025-03-21
  • CSS @media print 使用详解

    文章详细介绍了CSS中的打印媒体查询@mediaprint包括基本语法、常见使用场景和代码示例,如隐藏非必要元素、调整字体和颜色、处理链接的URL显示、分页控制、调整边距和背景等
    2025-03-18
  • CSS模拟 html 的 title 属性(鼠标悬浮显示提示文字效果)

    本文介绍了如何使用CSS模拟HTML的title属性,通过鼠标悬浮显示提示文字效果,通过设置`.tipBox`和`.tipBox.tipContent`的样式,实现了提示内容的隐藏和显示,感兴趣的朋友一起
    2025-03-10
  • 前端 CSS 动态设置样式::class、:style 等技巧(推荐)

    本文介绍了Vue.js中动态绑定类名和内联样式的两种方法:对象语法和数组语法,通过对象语法,可以根据条件动态切换类名或样式;通过数组语法,可以同时绑定多个类名或样式,此外
    2025-02-26

最新评论