今天完成的事：

学习CSS中单位px和em，rem的区别：

一.

1.px像素。 相对长度单位，px是相对于显示器屏幕分辨率而言的。

2.em是相对长度单位。相对于当前对象内文本的字体尺寸，

 如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:      1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为   16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。

3.EM特点 

  1.em的值并不是固定的

  2.em会继承父级元素的字体大小

所以我们在写CSS的时候，需要注意两点：

  1.body选择器中声明font-size=62.5%；

  2.将原来的PX数值除以10，然后换上em作为单位；

  3.重新机选那些被放大的字体的em数值，避免字体大小的重复声明；

  4.rem的特点：rem是CSS3新增的一个相对单位. rem和em的区别在于使用rem为元素设定字体大小时，仍然是相对大小但是相对的知识HTML根元素，集相对大小和绝对大小的优点于一身，可以做到只修改根元素就能成比例的调整所有字体大小

二.

自适应， 屏幕分辨率和图片尺寸：

自适应：自适应就是在处理和分析过程中，根据处理数据的数据特征自动调整处理方法、处理顺序、处理参数、边界条件或约束条件，使其与所处理数据的统计分布特征、结构特征相适应，以取得最佳的处理效果的过程。

     自适应过程是一个不断逼近目标的过程，它所遵循的途径以、数学模型表示，称为自适应算法

屏幕分辨率： 就是屏幕的像素点。

图片尺寸：  指图片的长度，宽度以及图片的像素

三.回顾学习CSS图像的一些基本属性，巩固基础知识。

明天计划的事：将任务三的大致页面做出来，调试代码。

遇到的问题：对于标签的属性应用不熟悉，写代码的时候经常出错。

收获：学习了css中的单位px，em和rem的区别。了解什么是自适应.