第六篇日报

今天完成的事情：

1：这几天折腾了deepin系统，Windows10回不去了，呜呜呜!以后只能用deepin系统了，呜呜呜！

2：认识了Linux操作系统，学会了使用虚拟机和安装linux各种发行版，掌握了Linux基础命令：ls,pwd,cd,cal,clear,初识vim编辑器（学习曲线较为陡峭，了解后直接放弃了）

3：学会了使用photoshop进行切图：在本案例中，需要进行切图的有四个板块，返回按钮、logo展示区、下边两个道具按钮，由于图片素材简单，可使用png-8格式进行保存

4：写代码进行实践布局，学习了px、em、rem三种长度单位，其中重点在于rem的理解与使用，rem同em一样皆为相对字体大小单位，不同的是rem相对的是HTML根（root）元素，个人理解：（文字是展示给用户看的，过大过小都不适宜，而浏览器中规定了默认的文字大小，这个默认的值是一个非常合适的基本单位，用来度量其它元素的长度是再合适不过了，所以建议使用rem作为长度单位）

5：学习了css中定位（position）的知识：绝对定位（absolute）和相对定位（relative），使用时，必须先选择定位的属性，然后再赋予其具体的值。

absolute：设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

relative：元素没有脱离文档流，还是普通流定位模型的一部分，会对文档流中其它元素布局产生影响，元素原本所占的占位空间仍保留，物理空间偏移。

明天计划的事情：任务三有待继续优化，还有些疑问如下，看师兄怎么说，然后继续任务四的学习

遇到的问题：

1、在使用ps对素材进行切图后，导入页面时发现图片像素过大，图片显示过大，与设计图有较大出入。对此我切图导出时将图片像素减少，以达到与设计图一致，但是这样的方法导致图片精度不够，正如展示页面那样，图片出现明显锯齿，logo区尤为严重。

2、图片出现杂边的问题，我的解决方案是在ps中使用选择工具→ 画笔工具→ 拾取前景色为背景色这样的处理方式，我觉得我这样的方法比较笨，存在较大的提升空间。

3、由于作死装deepin想玩双系统，导致Windows10崩了，文件内容也搞的一团糟，来来去去的折腾，浪费了不少时间。

收获：

最近正在看一本书，讲的深入浅出，推荐给大家：《操作系统之哲学原理》邹恒明著 ，权且当这本书作为一个入门的引子，内容有趣不枯燥，每天翻上几页即可