css制作流程及标准（一）制作流程： 1.创建文件（文件管理及命名） 2.与html文档建立关系时的注意点： 1）不建议使用：内联样式和嵌入样式 原因：结构（html）和显示（css样式）不分开 2）区别：外部链接样式和导出样式（[url]）[/url] 3）网站常用：外部链接样式 3、页面样式制作注意点：∙和html框架一样 从上到下一致∙从整体到部分∙共享样式到某些样式 4、添加注释 注释范围： 1）每个文档对应一个文档注释（方便后期维护和管理） 主要注释：文档创建者、时间、内容等。 2）属性注解：csshack、特殊属性等。 3）功能注解：默认样式、按钮、弹出框等。 5、完整检测************ ****** ********************************************** ********** (2)制作标准：（有利于开发和后期管理）此标准属于我们公司。每个公司都有所不同css 流程图，仅供参考~~ 缩进和换行： 说明：缩进：设置tab键tab（同html）——点击tab生成2个空格 换行符：选择器换行符：样式相同 如果有2个以上选择器，每个选择器应该有一行属性。 1）当只有一个属性时，选择器和属性应该在同一行。 2) 如果属性多于2个，则每个属性占一行。 缩写1）颜色：16补色值：#RRGGBB——当R、G、B全部成对时，缩写为：#RGB1.color:#336699;2。 缩写：color:#369;2) 单位：当值为0时，单位可省略 1.margin :0px;2.缩写：margin:0;3) 字体 4)背景 1.background-color:red; 2.背景图像：url（）；3.背景重复：无重复；4.baclgrpimd-位置：右上；5.背景附件：固定；6. （各属性可省略） 缩写：background:background-colorbackground-imagebackground-repeatbackground-positionbackground-attachment;5) 内外行距（margin和padding的缩写形式相同） 6) Border 1.border-width :1px;2.border-style:solid;3.border-color:red;4.缩写：border:border-widthborder-styleborder-color;5.border:1pxsolidred;6.单边缩写：border-top:1pxsolidred; 7.右边框:1pxsolidred;8.下边框:1pxsolidred;9.左边框:1pxsolidred;10. （不推荐）单属性缩写：（顺序：右上左下） 11.border-width:border-top-widthborder-right-widthborder-bottom-widthborder-left-width;12.border-style:border-top-样式边框-右样式边框-底部样式边框-左样式；13。 边框颜色：边框顶部颜色边框右侧颜色边框底部颜色边框左侧颜色； css 代码顺序 css 文档顺序 1. 共享代码样式放置在文档顶部 2. css 结构的顺序基于 html 的结构 css 选择器中的属性顺序：显示属性 -> self 属性 -> 文本属性∙显示属性：display、list-style、position、float、clear∙self 属性：width、height、margin、padding、border、background∙text 属性：color、font、text-decoration、text-align、vertical-align、white -space, content 原因：这个顺序是项目开发的代码标准css 流程图，符合浏览器的渲染顺序，最终达到提高执行效率的目的
发表评论