爱前端的很多人也是喜欢那种所见即所得带来的成就感,这是一门很基础的活,不光是埋头写代码。本课用了一个很简单的 psd 案例来介绍切图的基本流程和遇到问题处理,加深对标签及css 规范的应用,兼容性和各工种的配合等等,让从没切过图的同学有一个完整的概念。
1、对 html+css 基础知识已经掌握;
2、会简单使用 Photoshop;
3、需要一步一步动手做;
1、独立完成一个设计稿的转化;
2、Css从整理到局部的分离;
3、Css命名一些技巧和语义化;
4、Html标签结构的优化和选择;
5、PS软件当中的切图技巧
6、Css代替部分图片实现小icon;
7、兼容性处理的方法;
8、和后端配合时注意的事项;