下载此文档

CSS命名规范.doc

文档分类：IT计算机 | 页数：约13页举报非法文档有奖

1/13

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/13 下载此文档

文档列表 文档介绍

CSS 命名规范 CSS : ; 框架布局: ; 字体样式: ; 链接样式: ; 打印样式: ; 命名规范页眉: header 内容: content 容器: container 页脚: footer 版权: copyright 导航: menu 主导航: mainMenu 子导航: subMenu 标志: logo 标语: banner 标题: title 侧边栏: sidebar 图标: Icon 注释: note 搜索: search 按钮: btn 登录: login 链接: link 信息框: manage ……常用类的命名应尽量以常见英文单词为准, 做到通俗易懂, 并在适当的地方加以注释。对于二级类/ID 命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为“ searchInput ”、“搜索图标”命名这“ searchIcon ”、“搜索按钮”命名为“ searchBtn CSS 书写规范及方法一. 常规书写规范及方法 1. 选择 DOCTYPE : XHTML 提供了三种 DTD 声明可供选择: 过渡的(Transitional): 要求非常宽松的 DTD ,它允许你继续使用的标识( 但是要符合 xhtml 的写法) 。完整代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML Transitional//EN ”“/xhtml1/DTD/xhtml1- “> 严格的(Strict): 要求严格的 DTD ,你不能使用任何表现层的标识和属性,例如<br> 。完整代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML Strict//EN ”“/xhtml1/DTD/xhtml1- “> 框架的(Frameset): 专门针对框架页面设计使用的 DTD ,如果你的页面中包含有框架,需要采用这种 DTD 。完整代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML Frameset//EN ”“/xhtml1/DTD/xhtml1- “> 理想情况当然是严格的 DTD , 但对于我们大多数刚接触 web 标准的设计师来说, 过渡的 DTD(XHTML Transitional) 是目前理想选择(包括本站,使用的也是过渡型 DTD) 。因为这种 DTD 还允许我们使用表现层的标识、元素和属性,也比较容易通过 W3C 的代码校验。 2. 指定语言及字符集: 为文档指定语言: <html xmlns= ” 9/xhtml ” lang= ” en”> 为了被浏览器正确解释和通过 W3C 代码校验, 所有的 XHTML 文档都必须声明它们所使用的编码语言;如: 常用的语言定义: <meta http-equiv= ” Content-Type ” content= ” text/html; charset=utf-8 ″/> 标准的 XML 文档语言定义: <?xml version= ” ″ encoding= ” utf-8 ″?> 针对老版本的浏览器的语言定义: <meta http-equiv= ” Content-Language ” content= ” utf-8 ″/> 为提高字符集,建议采用“ utf-8 ”。 3. 调用样式表: 外部样式表调用: 页面内嵌法:就是将样式表直接写在页面代码的 head 区。如: <style type= ” text/css ”><! – body { background : white ; color : black ;}–> </style> 外部调用法: 文件中, 然后在页面 hea d 区用类似以下代码调用。<link rel= ” stylesheet ” rev= ” stylesheet ” href= ” css/ ” type= ” text/css ” media= ” all ”/> 在符合 web 标准的设计中, 推荐使用外部调用法, 文件而改变页面的样式。如果所有页面都调用同一个样式表文件,那么改一个样式表文件,可以改变所有文件的样式。 4 、选用恰当的元素: 根据文档的结构来选择 HTML 元素, 而不是根据 HTML 元素的样式来选择

CSS命名规范来自淘豆网www.taodocs.com转载请标明出处.