昨天进行了任务三的学习，首先学习了px，em，rem的区别。px是相对屏幕分辨率的长度单位，em是相对当前对象文本内容的字体尺寸，当前文本的内容尺寸没有设置的时候，em就默认相对于浏览器的默认尺寸，而rem则是相对于html的尺寸，这样可以只修改html这个根元素的尺寸来成比例的改变所有尺寸大小，避免em有时爷类套父类再套子类，爷类有设定尺寸，父类相对爷类进行尺寸比例改变，子类又相对于父类进行尺寸比例改变，造成字体大小逐层复合的连锁反应。

    在进行图片和文字布局的时候，发现想要使其相对于不同手机屏幕时布局不会乱，使用浮动会达不到效果，可能是我对浮动了解的还不够，只能在页面相应位置固定，不能随着屏幕大小的变化来改变，造成有时会看不到相应内容或者只能看到一半，于是去查找如何使图片或者文字保持相应位置，后来在博客上看到有关定位，即position:relative;  position:absolute;  position:fixed;这三者的应用。relative为相对定位，相对于自己原来的位置进行偏移，但是实际位置没有改变，只是展示的在其他位置，如同投影。absolute是绝对定位，是相对于父容器的位置进行定位，绝对定位脱离了标准文档流，属性类似于浮动，绝对定位使用top时，参考点是页面的左上角，使用bottom时，参考点是浏览器首屏的左下角，因为浏览器下侧是可以往上缩小的，因此使用bottom时，参考点会根据下侧浏览器首屏位置进行相对移动。当父类有定位时，子类使用absolute会相对于父类进行定位。而fixed是固定定位，是相对于浏览器进行定位，也就是页面变换时，盒子会随着变化，达成相对页面固定的效果。

    今天把文件上传后用手机查看，发现图片加载不出来，应该是地址需要修改，这方面还不太熟悉，需要去百度一下怎么做。然后看看其他人的任务三是用什么方式达成效果的。再进行下一步的学习。