一．文件命名规范
全局样式：
global.css；
框架布局：
layout.css；
字体样式：
font.css；
链接样式：
link.css；
打印样式：
print.css；
二．常用类
/ID 命名规范
页 眉：
header
内 容：
content
容 器：
container
页 脚：
footer
版 权：
copyright
导 航：
menu
主导航：
mainMenu
子导航：
subMenu
标 志：
logo
标 语：
banner
标 题：
title
侧边栏：
sidebar
图 标：
Icon
注 释：
note
搜 索：
search
按 钮：
btn
登 录：
login
链 接：
link
信息框：
manager
……
常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类
/ID 命名，则
“
”
“
采用组合书写的模式，后一个单词的首字母应大写：诸如 搜索框 则应命名为
searchInput” “
”
、 搜索图标 命名
“
这
searchIcon” “
”
“
、 搜索按钮 命名为
searchBtn
CSS 书写规范及方法
一
. 常规书写规范及方法
1. 选择 DOCTYPE：
XHTML 1.0 提供了三种 DTD 声明可供选择：
过渡的
(Transitional):要求非常宽松的 DTD，它允许你继续使用 HTML4.01 的标识(但是要符合 xhtml 的写
法
)。完整代码如下：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
严格的
(Strict):要求严格的 DTD，你不能使用任何表现层的标识和属性，例如<br>。完整代码如下：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
框架的
(Frameset):专门针对框架页面设计使用的 DTD，如果你的页面中包含有框架，需要采用这种 DTD。完整
代码如下：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”