CSS 层叠样式表命名参考表

所属分类: 网页制作 / CSS 阅读数: 1994
收藏 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盒模型宽和高

 出处:当我们布局一个网页的时候,经常会遇到这样的一种情况,那就是最终网页成型的宽度或是高度会超出我们预先的计算,其实就就是所谓的CSS的盒模型造成的。 #test{margin:10px;padding:10px;width:100px;height:100px;}
收藏 0 赞 0 分享

在IE流览器中正确显示PNG透明图片

  png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!   但目前IE中对于插入
收藏 0 赞 0 分享

CSS教程:DIV底部放置文字

  css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢?
收藏 0 赞 0 分享

如何用CSS让文字居于div的底部

  这个问题是别人提出的,因为css对文字的布局上没有靠容器底部对齐的参数,(或许有但是我没有发现)不过目前我使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,我用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近
收藏 0 赞 0 分享

从A页面连接到B页面后并直接把B页面的隐藏层显示

  这个效果实现的是,在B页面里有两个层,一个显示层,我们暂定名c层,一个是隐藏层,我们暂定名d层,单独进B页面的时候,c层显示,d层隐藏,然而从A页面连接到B页面的时候,则是让d层显示,c层隐藏,我觉得这个效果对网页设计者以后会有很大帮助,现在把代码发出来,
收藏 0 赞 0 分享

CSS样式表定义标签li前面样式

定义LI前面的小点样式 view plaincopy to clipboardprint? 语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lowe
收藏 0 赞 0 分享

符合标准的div css制作的弹出菜单

本文介绍了五款符合标准的div css制作的弹出菜单,而且不含有js的. NO.1最基本的:二级dropdown弹出菜单 <!DOCTYPE html PUB
收藏 0 赞 0 分享

CSS实现在文章每段后面加入带连接的隐藏文字

代码主要理解3个参数:createElement、createTextNode、appendChild。这3个js参数分别是创建元素、创建字符、追加节点。代码原理:循环页面段落标签<p>,创建连接元素<a>,创建要显示的连接字符,用SetAttribute
收藏 0 赞 0 分享

CSS:浏览器特定选择器介绍

当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。 IE6以下 *html{} IE 7 以下 *:first-child html {} * html {} 只对IE 7 *:first-child html {} 只对IE 7
收藏 0 赞 0 分享

WEB标准学习,认识两种网页声明的含义

即网页标准推出来以后,我们时常会看到两种不同的网页的声明,一个是Dhtml,一个是Xhtml。如下所示: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht
收藏 0 赞 0 分享
查看更多