今天完成的事情：

1.安装了ps cc 2019。

2.下载任务资源——魔镜介绍页.psd，并学会用ps对其进行了切图。

3.学习了PX，EM，REM的概念，自适应布局的写法。

4.学习了关于自适应，屏幕分辨率，图片尺寸。

5.初步完成任务三的页面布局

明天计划的事情：

1.完成CSS任务3

2.学习position属性

遇到的问题：

1.不清楚position属性中的absolute与relative的区别

   absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。原正常流位置被下一元素占据。

   relative：生成相对定位的元素，相对于其正常位置进行定位。正常流位置未被占据。

收获：

1.学会img图片scr导入本地文件

   src路径分为相对路径和绝对路径。

   一般使用“../”来表示上一级目录，“../../”表示上上级的目录

   相对路径的写法：

      图片和HTML文本在同一目录下：例：图片名称img.jpg

          <img src="img.jpg">

      图片和HTML不在同一目录下：

          图片img.jpg在文件夹images中，html文本和images文件夹在同一个目录下
          写法：<img src="images/img.jpg">

   绝对路径的写法：

      HTML文件都在f盘下的test文件下，图片在在f盘下的test文件下的images文件下，写法：

      <img src="f:/test/images/img.jpg">

2.学会Viewport属性

   <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

    width：控制viewport大小，可指定值，如device-width为设备宽度（单位缩放为100%时的CSS的像素）

    initial-scale：初始缩放比例，即页面第一次load的缩放比例。

    maximum-scale：允许缩放到的最大比例

    minimum-scale：允许缩放到的最小比例

3.让一张图片成为背景图片

   body｛background-image：url（“images/back.png”）；  

              background-repeat:no-repeat;｝