精编DIV CSS教程技巧

第一步骤：分析网页美工图

第二步骤：建立项目文件夹（包括用于放图片、CSS文件、JS文件等文件夹）

为了节约时间推荐使用thinkcss初始化模板，直接解压即可使用。

第三步骤：PS软件切出图片素材（可以先切出一部分图片素材，待布局中再根据需求再切出需要图片素材）

第四步骤：将先切出图片放入images文件夹中，包括布局中切出图片依然放入此文件夹中

以下操作中ThinkCSS初始化模板基础上进行。

第五步骤：修改初始化模板HTML文件与CSS文件，将对应文件代码修改调整为当前项目实用的，比如背景、文字大小、文字颜色、超链接文字颜色等CSS样式。

第六步骤：根据分析 从头到尾开始 着手布局，一般布局时推荐布局时注意测试HTML兼容性，再继续布局，直到布局完成HTML。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！