web标准页面制作规范.pptVIP

CSS文件的编码格式 如果项目对编码有要求，则需遵守指定的编码要求；如果没有要求则默认为国际编码utf-8。如： @charset utf-8; CSS文件的引入 所有的CSS的定义尽量书写在外部样式表中。除特殊需要外，页面中禁止使用style进行CSS定义。 零值的缩写 css中值都必须带明确的单位，0值除外，可以省去单位。例如body{mragin:0;} 避免使用id定义CSS 在页面中，除特殊需要外，尽量的少用或避免使用id来定义程序页面的CSS样式；以免给程序页面的开发和修改带来不必要的麻烦；解决方法就是统一使用class（类）来控制它们的样式； CSS属性顺序化 显示属性 display 、 list-style 、position 、float 、clear 自身属性 width 、height 、margin 、 padding 、border 、 background 文本属性 color 、 font 、 text-decoration 、text-align vertical-align 、white-space 、other text 、 content 属性值书写顺序 外边框margin和内边距padding的书写顺序应当按照“上右下左”的顺时针顺序书写属性数值。 伪类书写顺序 伪类必须按照顺序定义：当你用CSS来定义链接的多个状态伪类样式时，应当遵循正确书写顺序。正确的顺序是：:link :visited :hover :active。抽取第一个字母是“LVHA”。否则，书写顺序错误将导致CSS效果将无法正常生效显示。 注释的写法 CSS文件相关信息放在文件中最上部分 /* ************************************ * 文件名称：common.css * 编 写 者：*** * 编写日期：20012-08-08 * 内容概要：页面基础公共样式 ************************************ */ 模块内容样式注释信息 /********** 模块内容样式 开始 **********/ 模块内容具体样式 /********** 模块内容样式 结束 **********/ CSSHack注释 使用了CSSHack，一定要添加注释，并且要写明为什么使用此CSSHack。例如： .top{ width:200px; *width:210px;/*IE7*/ _width:208px;/*IE6*/ } 注释的修改注意 修改项目公共样式时，修改注释信息 /* ************************************ * 文件名称：common.css * 编 写 者：***（修改人） * 编写日期：20012-08-08（修改日期） * 内容概要：页面基础公共样式（修改内容简单描述） ************************************ */ 代码书写格式 /* 内容部分样式 */ .content { width：100%；（前面空白的地方使用TAB空一格） } Hack使用规则 由于不同的浏览器，比如IE 6,IE7,IE8 ,Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack。如 .top{ width:200px/*IE8*/; *width:210px;/*IE7*/ _width:208px;/*IE6*/ } 通用样式定义标准 整个站点的背景色（background）：缺省时定义为白色； 中文大小(font-size)：12px； 中文字体(font-family)：宋体； 英文字体(font-family)：Arial； 空白(margin)：0px； 间隙(padding)：0px； 字体链接颜色：a:link、a:visited、a:active、a:hover 图片边框(border)：0px； 输入框定义(input) 按钮定义(button) 注：在定义样式文件时，一定要注意默认值这个问题，因为不同浏览器对默认值的解释都不一样，所以在定义属性时，一定要慎重考虑并定义标签元素的默认值。 按web页面的结构布局位置命名。网站整体通用的命名规则以网页顶部、中部、底部三个大区块位置及其内部位置进行划分与命名。 网页顶部定义的样式命名为：class=”header”； 网页中部定义的样式命名为：class=”middle”； 网页底部定义的样式命名为：class=”footer”； 按照web页面的