CSS命名及书写规范 0.pdfVIP

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.0

Transitional//EN1/DTD/xhtml1-transitional.dtd严格的

(Strict):要求严格的DTD，你不能运用任何表现层的标识和属性，

例如br。

完整代码如下：

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN

1/DTD/xhtml1-strict.dtd框架的(Frameset):特地针对框架页面

设计运用的DTD，假如你的页面中包含有框架，须要采纳这种DTD。

完整代码如下：

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0

Frameset//EN1/DTD/xhtml1-frameset.dtd志向状况当然是严格

的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的

DTD(XHTML1.0Transitional)是目前志向选择(包括本站，运用的

也是过渡型DTD)。

因为这种DTD还允许我们运用表现层的标识、元素和属性，

也比较简单通过W3C的代码校验。

1.指定语言及字符集：

为文档指定语言：

htmlxmlns=lang=en为了被阅读器正确说明和通过W3C

代码校验，全部的XHTML文档都必需声明它们所运用的编码语言；

如：

常用的语言定义：