今天完成了什么：

学习盒子模型拜读各位大佬写的前端文章和盒子模型，padding和margin的区别和完成部分任务三。

今天遇到什么问题：

始终没法做出效果图，调用f12点击在不同的设备上显示的效果都不一样，而且不和谐，太过或者太紧密都有，一时不知道去怎么处理，不知是代码问题还是后面的自适应问题。

怎么写都写不对，卡壳了，图片不知如何放置，用哪个值也慌。

感觉都是在盲试，看了很多资料还是很懵，可能是没消化不会应用，最后面的字体想了很多办法去试也是没放对，倆个元素之间应该是用margin，可是用%还是px都还没达到理想的效果。

明天计划完成什么：

消化盒子模型，完成任务三。

今天收获了什么：

今天为了完成任务三仔细搜了下padding和margin的知识，这倆个还挺多知识点的

margin的最基本用途就是控制元素周围空间的间隔，从视觉角度上达到相互隔开的目的。

padding可以称之为“内边距”，但是称呼padding为“补白”或者“留白”“填充”会更具体而不是那么抽象，突然想到一句话：汉语总是让人觉得生涩难懂。同一种语境让人觉得有各种抽象的意思。

margin是用来隔开元素与元素的间距；

padding是用来隔开元素与内容的间隔

margin用于布局分开元素使元素与元素互不相干；

padding用于元素与内容之间的间隔，让内容（文字）与（包裹）元素之间有一段“呼吸距离”。

当发生以下情况时需要用到margin：

当需要在border外侧添加空白时、

空白处不需要背景（色）时、

上下相连的两个盒子之间的空白，需要相互抵消，如上面盒子的margin-bottom：15px + 下面盒子的margin-top：20px的margin，将得到20px的空白。

何时应当时用padding：
需要在border内测添加空白、
空白处需要背景（色）时、
上下相连的两个盒子之间的空白，希望等于两者之和时。如上面盒子的margin-bottom：15px +下面盒子的margin-top：20px的padding，将得到35px的空白。

这--------------是-----------------一-----------条------------分割------------线割-------------------割------------------割---------------------------------------------

今天完成了什么： 

基本完成任务三上半部分。

今天遇到什么问题：

切换成苹果5的时候会显示如下右边问题，图片的大小像素我都弄了一致还是显示这样，在其他显示设备模拟例如苹果X下不会这样子，宽屏显示也正常，改变右边图片的rem发现没什么变化，昨天学习到使得元素与元素的距离隔开应改变margin的值，但我尝试过好像也不对，不知道是否是全局少了个样式，还请师兄指教。感觉写的好苦啊，总觉得自己是把这些凑出来的。没有那种一见到原稿就知道立马是什么用什么的思维...

明天计划完成什么：

调试好任务三并且发布，并紧接着跟进任务四。

今天收获了什么：

text-align：设置文本的对齐方式，值有left，right，center，justify（俩端对齐），inherit（从父元素继承属性）。

实现自适应方法：

在布局上不用绝对宽度和大小，各元素需要使用相对宽度和大小。

由不能使用绝对宽度或者使用具有绝对宽度的元素，也就是不用用到pxin、cm、mm、pt、pc、px,可以使用百分比设定或者em、rem。

字体和页面宽度相同，不能使用绝对大小。可以用rem、em、%。

图片同样用相对大小：max-width:100%.