下载此文档

css命名规范.txt


文档分类:IT计算机 | 页数:约10页 举报非法文档有奖
1/10
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/10 下载此文档
文档列表 文档介绍
css命名规范(2009-03-07 17:09:45)
标签:css ie6 ie7 if color 分类:CSS常用代码
前天参加了公司的职称评估,一个评委看了我写的html代码指出了命名不规范问题。这让我想起了大学时候一位教我们Delphi的老师的话:好的程序员写出来的程序像诗一样。我想静态代码也一样,专业和非专业的区别就是,你写的规不规范,别人看着舒不舒服。
网上搜的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书写规范及方法
选择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还允许我们使用表现
层的标识、元素和属性

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

非法内容举报中心
文档信息
  • 页数10
  • 收藏数0 收藏
  • 顶次数0
  • 上传人zbfc1172
  • 文件大小0 KB
  • 时间2013-01-09