css制作流程及标准.docx

css制作流程及标准（一）制作流程：1，创建文件（文件管理及命名）2012-8-26 07:11:10 上传下载附件(36.1 KB)2，与html文档建立关系2012-8-26 07:38:54 上传下载附件(98.82 KB)注意点：1）不建议使用：内联样式和内嵌样式原因：结构（html）和表现（css样式）没有分离2）区别：外链样式与导入样式（[url]）[/url]3）网站常用：外链样式3，制作页面样式2012-8-26 08:07:04 上传下载附件(123.75 KB)注意点：同html框架一致从上到下 从整体到局部 共用样式到个别样式4，添加注释2012-8-26 08:39:38 上传下载附件(128.67 KB)注释范围：1）每个文档对应一个文档注释（方便后期维护和管理）主要注释说明：文档创建人，时间，内容等2）属性注释说明：css hack，特殊属性等3）功能注释说明：默认样式，按钮，弹出框等5，完成检查*********************************************************************（二）制作标准：（有利于开发和后期管理）这个标准是我们公司的。各个公司有所不同，仅供大家参考~~缩进及换行：2012-8-26 09:35:35 上传下载附件(40.5 KB)说明：缩进：设置tab键制表符（同html的一样）——点击tab生成2个空格换行：选择器换行：相同样式2个以上选择器，每个选择器一行属性换行：1）只有一个属性时，选择器与属性在同行2）2个以上属性，每个属性占一行简写1）颜色：16进制颜色值:#RRGGBB——R,G,B都成对相同时，缩写成：#RGB复制代码运行代码编辑代码color:#336699;简写：color:#369;复制代码运行代码编辑代码Powered by W3C2）单位：数值为0时，单位可以省略复制代码运行代码编辑代码margin:0px;简写：margin:0;复制代码运行代码编辑代码Powered by W3C3）字体2012-8-26 10:03:21 上传下载附件(90.7 KB)4）背景复制代码运行代码编辑代码background-color:red;background-image:url();background-repeat:no-repeat;baclgrpimd-position:top right;background-attachmen5）内外边距（margin与padding简写方式相同）2012-8-26 10:17:36 上传下载附件(27.18 KB)6）边框复制代码运行代码编辑代码border-widcss代码顺序css文档的顺序共用的代码样式放在文档最前面css结构的顺序依照html的结构css选择器中的属性顺序：显示属性-自身属性-文本属性2012-8-26 10:21:53 上传下载附件(33.26 KB)显示属性：display, list-style, position, float, clear自身属性：width, height, margin, padding,border,background文本属性：color, font, text-decoration, text-align,vertical-align, white-space, content原因：这个顺序是项目开发的代码标准，符合浏览器的渲染顺序，最终达到提高执行效率目的