PxCook的基本使用

PxCook的基本使用

    • 1. 下载
    • 2. 创建项目
    • 3. 设计模式——png扩展名
      • 尺子
      • 吸管
    • 4. 开发模式——psd扩展名

1. 下载

点击官网链接,直接下载。下载好后直接安装即可
PxCook的基本使用_第1张图片

2. 创建项目

右上角点击创建项目->选择Web->填写项目名字->创建项目,即可得到一个项目。如图所示
PxCook的基本使用_第2张图片

3. 设计模式——png扩展名

如果图片是png的则使用设计,如图所示(把图片拖进来,然后双击打开)。
PxCook的基本使用_第3张图片
常用的功能主要是下面两个
PxCook的基本使用_第4张图片

尺子

PxCook的基本使用_第5张图片

吸管

PxCook的基本使用_第6张图片

4. 开发模式——psd扩展名

选择开发模式后,直接点击想查看的东西尺寸。若想查看两者之间的距离,只需要用鼠标移动即可,如图所示。
PxCook的基本使用_第7张图片

你可能感兴趣的:(#,html+css,css3,前端,css)