CSS 教程 - 命名参考

| |
[2008/03/06 22:22 | 分类: Html技术 | by gdgzboy ]
在XHTML中定义ID、CLASSS都用得上,主要是方面CSS定义样式时能一眼看穿。所以,CSS命名仅作参考。

(1)页面结构类

容器: container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper

(2)导航类

导航:nav
主导航:mainnav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
位置导航: crumb
菜单:menu
子菜单:submenu
面包屑:breadcrumb(即页面所处位置导航提示)


(3)网页内容类

标题: title
摘要: summary
箭头: arrow
商标: label
网站标志: logo
转角/圆角: corner
横幅广告: banner
栏目: column
子菜单: subMenu

搜索: search
搜索框: searchBox
登录: login
工具条: toolbar
下拉: drop
标签页: tab
当前的: current
列表: list

滚动: scroll
服务: service
提示信息: msg
新闻: news
小技巧: tips
下载: download
栏目标题: title
热点: hot
加入: joinus
注册: regsiter
指南: guide

友情链接: friendlink
状态: status
版权: copyright
按钮: btn
合作伙伴: partner
投票: vote

相关文章列表:

CSS 教程 - css框架
CSS 教程 - 闭合浮动元素
CSS 教程 - H1
CSS 教程 - 计算CSS盒模型宽和高
CSS 教程 - 命名参考
CSS 教程 - DIV底部放置文字
CSS 教程 - 控制网页文件大小
CSS 教程 - dl dt dd
CSS 教程 - CSS的继承性
CSS 教程 - 浮动元素
CSS 教程 - position绝对定位的问题
CSS 教程 - 表单设计技巧
CSS 教程 - 定位(position)
CSS 教程 - 盒模型(BOX Model)
CSS 教程 - 水平对齐(text-align)
CSS 教程 - CSS固定表头的HTML表格
CSS 教程 - 对搜索引擎更友好
CSS 教程 - li和ul标签的用法



            


作者:gdgzboy@牛C网
地址:http://www.niuc.net/post/457/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!



评论(0) | 引用(0) | 阅读(363)
发表评论
昵称 [注册]
密码 游客无需密码
网址
电邮
打开HTML 打开UBB 打开表情 隐藏 记住我