css命名及书写规范.doc

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.选择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的代码校验。

2.指定语言及字符集：

为文档指定语言：

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;}/*safari可见*/IE6可识别：

这里主要是通过CSS注释分开一个属性与值，注释在冒号前。