文档介绍：众成新项目部
CSS样式表及XHTML命名书写规范
编写者:
黄挽
审核者:
黄挽
批准者:
黄挽
众成技术开发有限公司
版本历史记录
日期
版本
更改描述
作者
2007-03-05
初始版本
黄挽
2008-03-08
修正版本
黄挽
2010-07-22
修正版本
黄挽
一、DTD声明
DTD (Document Type Definition)是一套关于标记符的语法规则。,是XML文件的验证机制,属于XML文件组成的一部分。 DTD 是一种保证XML文档格式正确的有效方法,可以通过比较XML文档和DTD文件来看文档是否符合规范,元素和标签使用是否正确。
页面顶部一律使用标准DTD声明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml">
二、指定语言及字符集
如无特殊约定,默认一律采取UTF-8编码
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
三、调用样式表:
:
,
页面内嵌法:就是将样式表直接写在页面代码的head区。如:
<style type=”text/css”>
<!–
body { background : white ; color : black ; }
–>
</style>
:
外部调用法:,然后在页面head区用类似以下代码调用。
<link rel=”stylesheet” rev=”stylesheet” href=”css/” type=”text/css” media=”all”/>
理论上讲除了较简单的站点或软件,一个应用应该由多张CSS表组成,如:
全局使用的css表(基本标签及UL,Li等)必须
表单各元素使用的css表必须
字体样式使用的css表,如可以用于定义各种Title 必须
主题样式表
首页特殊使用的css表
四、样式表命名规范
采用驼峰命名法,首单词小写,次单词首位大写。名称不可以使用下划线、标点符号、其它特殊符号、中文等,原则上项目名称不超出20个字符,以英文单词中的名词为准,不使用拼音。
如picBox, titleBlue,font14px,titleRed,btnSubmit
常用元素的命名
页头:header
标志:logo
头部广告:banner
其他广告:msgAd
菜单:menu 子菜单:submenu
导航:nav 子导航:subnav
登录条:loginbar
侧栏:sidebar
搜索:search
页面主体