今天完成的事情：

1.回顾任务

明天计划的事情：

1.回顾任务

遇到的问题和收获：

内容(content)、内边距(padding)、边框(border)、外边距(margin)， CSS盒子模型都具备这些属性。

content-box是符合w3c标准的盒模型，也是默认的盒模型

border-box是不符合w3c标准的盒模型，也称为怪异盒子

w3c盒子模型的范围包括margin、border、padding、content,并且content部分不包含其他部分

IE盒子模型的范围包括margin、border、padding、content,

和w3c盒子模型不同的是，IE盒子模型的content部分包含了padding和border

浮动会脱离文档流

元素浮动之后，会让它跳出文档流，也就是说当它后面还有元素时，其他元素会无视它所占据了的区域，直接在它身下布局。但是文字却会认同浮动元素所占据的区域，围绕它布局，也就是没有拖出文本流。但是绝对定位后，不仅元素盒子会拖出文档流，文字也会出文本流。那么后面元素的文本就不会在认同它的区域位置，会直接在它后面布局，不会在环绕。

使用 em 或 rem 单位进行相对布局，相对%百分比更加灵活，同时可以支持浏览器的字体大小调整和缩放等的正常显示，因为em是相对父级元素的原因没有得到推广。中国站点制作网页的时候，习惯用CSS强制定义字体大小，保证每个人都看到一致的效果，包括网易、搜狐这些门户网站在内的大部分站点，用的都是绝对单位px（像素）。但是，如果从网站易用性方面考虑，字体大小应该是可变的，一些视力不是那么好的人需要放大字体才能看得清页面内容。然而，占据大部分浏览器市场的IE无法调整那些使用px作为单位的字体大小。国外人士非常重视网站的易用性，相当一部分外国站点已经使用em作为字体单位。

绝对定位之后，标签就不区分所谓的行内元素、块级元素了，不需要display:block就可以设置宽、高了。

一个绝对定位的元素，如果父辈元素中也出现了已定位

无论是绝对定位、相对定位，还是固定定位）的元素

那么将以父辈这个元素，为参考点。

相对定位是相对自己原来的位置进行定位

固定定位是相对浏览器窗口进行定位。无论页面如何滚动，这个盒子显示的位置不变。