一、CSS制作流程
一般分有网页美工图、无网页美工图、仿站的制作流程
1）、有网页美工图制作流程
第一步：分析网页美工图（布局结构）
第二步：找出特效、布局难地方后并想出解决方法
第三步：进入PS切图
第四步：HTML+CSS初始化模板准备
第五步：拷贝切出小图素材，放到新建项目的images文件夹里
第六步：开始在XHTML模板基础上作修改以符合此项目基本属性样式
第七步：开始从头到尾布局写代码 如遇到特效处或自己暂时觉得难的地方只需留下空位最后解决
第八步：解决难点、完成特效处、完成后，最后完整测试兼容。
2）、无网页美工图
无图是最不好布局的，需要根据客户需求描述来制作。无图布局这种情况一般很少，要么客户提供网页美工图、要么自己设计、要么根据一个网站做参考在参考基础上客户调整要求制作
3）、仿站流程（针对table转DIV+CSS）
第一步：做好项目准备 （XHTML模板准备）
第二步：下载被仿站的基础图片 （网页用到的小图标、背景等放入XHTML模板里的images文件夹里）
第三步：分析布局结构、分析难点、分析特效等
第四步：从头到尾开发 （和有图一样，难点、特效处可留空最后处理）
小结：无论是有图、无图、仿站也好，在制作CSS的时候 ，一般是布局一处然后再到浏览器中测试一下 如遇兼容解决后再继续布局制作。
如果是布局完成了再测试 可能到时候如果遇到很多问题时候 不知所措 造成身体和思维疲劳
二、CSS在整个网站建设中作用
首先我们了解一下一般整站建设有哪些内容：
1）、需求整理（包括网站功能等整理）
2）、程序开发和 网页美工设计可以同时进行 一般多人合作分工完成
3）、网页美工设计好后 客户确定
4）、网页美工图DIV CSS制作实现html
5）、将制作的前台html交给程序
6）、程序嵌入程序 制作成最终的网站项目
7）、在嵌入程序时候会遇到程序嵌入时候可能导致网页兼容问题，这个时候需要前台(XHTML)程序一起完成嵌入、问题处理等。
8）、完成网站上线
9）、上线后调试测试 、有时客户要求小调整等
以上网站建设步骤不完全正确完整，但是大概的建站流程就这样，从中可以分析出CSS制作、网页美工设计、网页程序开发都可以独立由不同人完成。可见CSS制作可以完全独立出来，由此也有了网页美工、CSS制作、程序开发、网站SEO优化、网站运营等分工和需求。