css切图是指DIV CSS开发的意思，表示从一张网页美工图切片到HTML代码开发与CSS样式开发，完成HTML静态网页；css切图包含两部分，分别是：1、网页美工图素材切出；2、DIV+CSS代码开发。
本文操作环境：windows7系统、css3版本，Dell G3电脑。
推荐：《css视频教程》
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。下面我们来介绍一下什么是css切图。
我们常常所说DIV+CSS切图，其实包括了两部分：
立即学习“前端免费学习笔记（深入）”；
一、网页美工图素材切出
我们拿到一张美工图，首先分析后在PS中切片，根据前期分析利用PS切出所需的网页图片素材。
TayCMS免费企业建站系统1.8 for PHP
下载
由于精力有限，程序更新比较慢，请大家谅解，再次感谢支持taycms的朋友们，虽然比较慢，我们还是会一直更新下去的。谢谢您的关注。有什么建议可以到论坛提出，或者直接给我QQ留言。 2.0会有很多新功能，请关注官方论坛TayCMS 1.8 升级日志此版本修复了不少BUG1.更换图片切换JS ， 不会再有错误提示2.增加资料下载模块3.更换默认模版，使程序功能和页面结构更清晰，方便参考制作模版4.修复留
二、DIV+CSS代码开发
我们再根据美工图，从头到尾HTML+CSS开发，将前期切出的美工图进行运用（背景、HTML图片）等应用。
CSS切图可以通俗理解为，从一张网页美工图切片到HTML代码开发与CSS样式开发，完成HTML静态网页（实现基础HTML网页制作）。
我们还可以理解为我们所说的CSS切图相当于是DIV CSS开发。
在CSS切图前还有一个网页美工图设计，通常是由美工设计师完成美工图设计。CSS开发人员拿到美工设计师设计美工图完成HTML的过程。
更多编程相关知识，请访问：编程教学！！
