css命名及书写规范.pdf
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