原创力文档- 1、本文档共5页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
PAGE1/NUMPAGES1
CSS命名及书写规范
CSS命名及书写规范CSS命名规范一．文件命名规范全局样式：
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信息框：
manage常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。
对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：
诸如搜索框则应命名为searchInput、搜索图标命名这searchIcon、搜索按钮命名为searchBtnCSS书写规范及方法1.常规书写规范及方法1.选择DOCTYPE：
XHTML1.0提供了三种DTD声明可供选择：
过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。
完整代码如下：
!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN1/DTD/xhtml1-transitional.dtd严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如br。
完整代码如下：
!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN1/DTD/xhtml1-strict.dtd框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。
完整代码如下：
!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Frameset//EN1/DTD/xhtml1-frameset.dtd理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML1.0Transitional)是目前理想选择(包括本站，使用的也是过渡型DTD)。
因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。
1.指定语言及字符集：
为文档指定语言：
htmlxmlns=lang=en为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言；如：
常用的语言定义：
meta;charset=utf-8/标准的XML文档语言定义：
?xmlversion=1.0encoding=utf-8?针对老版本的浏览器的语言定义：
meta与*html是IE特有的标签,Firefox暂不支持。
.searchInput{background-color:#333;}*html.searchInput{background-color:#666;}/*仅IE6*/*+html.searchInput{background-color:#555;}/*仅IE7*/屏蔽IE浏览器：
select是选择符，根据情况更换。
第二句是MAC上safari浏览器独有的。
*:lang(zh)select{font:12px!important;}/*FF的专用*/select:empty{font:12px!important;}
文档评论（0）