今日完成:

任务3切图

方法1.切片

剪裁工具内切片工具-->选取需要切的部分>蓝色框内是自己切片部分，灰色是根据你所切部分自动生成。

优点:可以自己选择需要部分

缺点:自动生成切片较多且可能不符合要求，需要手动删除切片。工作量较大。

方法2精准切图

单击文件->脚本->将图层导出到文件-选择图片类型，图片地址，单击运行。运行完成后根据图片地址找到。

优点:方便快捷，根据图层切图

缺点:暂时不知道。

方法3自动切图

单击编辑->首选项->增效工具->选中启用生成器

->确定。

单击文件->生成->图像资源勾选

修改图层命名如CC.png将会自动生成名字为CC的png格式图片

了解单位

绝对长度单位:不因屏幕分辨率大小，或其它因素而改变。pt,mm等

相对长度单位:随着屏幕的分辨率变化而变化。px,em,rem,%等

px像素:任意浏览器默认字体为16px

em:会继承父级元素的字体大小。

rem:css3新增，会继承HTML根元素，可以通过修改根元素的大小修改它，避免字体大小逐层复合的连锁反应（例:父元素大小1em=16px,子元素大小1.5em=16*1.5px,子元素的子元素大小1.5em=24*1.5px）

%百分比父元素长度为参考。

vw/vh屏幕宽/高的百分比。

明天将要完成:

完成任务3页面布局

完成学会自适应图片

问题:不理解字体大小逐层复合的连锁反应。

收获:问题可以理解为em会继承父级元素的字体大小，所有子元素的大小都会是相对父元素的大小，同样是1em在不同父元素下大小不一。