今天完成的事情：（了解类选择器：

类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也可以与其他元素结合使用。提示：只有适当地标记文档后，才能使用这些选择器，所以使用这两种选择器通常需要先做一些构想和计划。要应用样式而不考虑具体设计的元素，最常用的方法就是使用类选择器。

理解了

 position:fixed;

  top: 0;

  left: 0; 意思是定位在最上，最左方。

了解了ps的切图工具。

rem 单位翻译为像素值是由 html 元素的字体大小决定的。 此字体大小会被浏览器中字体大小的设置影响，除非显式重写一个具体单位。

em 单位转为像素值，取决于他们使用的字体大小。 此字体大小受从父元素继承过来的字体大小，除非显式重写与一个具体单位。

rem 单位提供最伟大的力量并不仅仅是他们提供一致尺寸而不是继承。 相反，它给我们的一个途经去获取用户的偏好来影响网站中每一处使用rem的元素大小，不再是使用固定的 px 单位。为此，使用 rem 单位的主要目的应该是确保无论用户如何设置自己的浏览器，我们的布局都能调整到合适大小。

总结：

rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。

em 单位基于使用他们的元素的字体大小。

rem 单位基于 html 元素的字体大小。

em 单位可能受任何继承的父元素字体大小影响

rem 单位可以从浏览器字体设置中继承字体大小。

使用 em 单位应根据组件的字体大小而不是根元素的字体大小。

在不需要使用em单位，并且需要根据浏览器的字体大小设置缩放的情况下使用rem。

使用rem单位，除非你确定你需要 em 单位，包括对字体大小。

媒体查询中使用 rem 单位

不要在多列布局中使用 em 或 rem ,改用%。

不要使用 em 或 rem，如果缩放会不可避免地导致要打破布局元素。

） 
明天计划的事情：（计划看些CSS示例视频） 
遇到的问题：（） 
收获：（通过今天的学习，学到选择器的使用，还有绝对定位属性的意思。）