文档详情

css命名及书写规范.pdf

发布:2024-08-01约4.9千字共6页下载文档
文本预览下载声明

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

2.指定语言及字符集:

为文档指定语言:

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

码校验,全部的XHTML文档都必需声明它们所运用的编码语言;如:

常用的语言定义:

meta;charset=utf-8/标准的XML文档语言定义:

?xmlversion=1.0encoding=utf-8?针对老版本的阅读器的

语言定义:

meta与*html是IE特有的标签,Firefox暂不支持。

.searchInput{backgrou

显示全部
相似文档