在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 教程 - 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标签的用法
(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/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!
牛C网推荐您再看看以下日志:
HTML CSS Flash结合
XHTML 与 CSS 面向对象编程
JavaScript 数组方法
详细了解Ajax的Get与Post
XHTML 教程 - 简单网页制作
什么是用户定义的样式表?
HTML表格标记教程(5) - 亮边框色属性BORDERCOLORLIGHT
CSS 中的行为 —— expression
Ajax responseText
JavaScript CSS 气泡窗口
HTML CSS Flash结合
XHTML 与 CSS 面向对象编程
JavaScript 数组方法
详细了解Ajax的Get与Post
XHTML 教程 - 简单网页制作
什么是用户定义的样式表?
HTML表格标记教程(5) - 亮边框色属性BORDERCOLORLIGHT
CSS 中的行为 —— expression
Ajax responseText
JavaScript CSS 气泡窗口
CSS 教程 - DIV底部放置文字
IE Firefox 兼容性问题(二)





