DIV+CSS布局-PxCook工具的简单使用

DIV+CSS布局-PxCook工具的简单使用

PxCook主要适用与个人开发者，手中没有设计稿。就需要自己找图片，自己标注，然后照样开发啦。
PxCook使用：

1.安装

找到PxCook官网下载软件即可

直接安装，记住安装目录别放c盘就行

2.辅助工具：qq浏览器

主要时用来下载网页图片的，我常用qq浏览器。看个人喜好：

这样截图有点地方截不全面，比如说需要鼠标悬停才有特效的地方：

这个东西用快捷截图就行：

3.打开PxCook准备标注：

创建完成后直接拖入图片即可：

双击图片即完成了准备工作：

4.开始标注：常用图标

（1）放大缩小

点击手掌样式图标后，鼠标前后滚轮即可实现放大缩小。可以看见像素，便于精确标注

（2）颜色提取

想知道某一点时什么颜色点一下就可以了

（3）矩形尺寸标注

（4）尺寸标注

选中箭头图标后即可标注，点击标注线上方的方块后，可滚动鼠标轴来上下移动尺寸，也可使用键盘上的上下键来调整