“小白的我”第九天日报

今天完成的事情：

1.复习了以前学的知识点，巩固了知识；

2.做了任务5的大部分内容，还有一部分内容需要仔细调整；

3.学习了正确的代码规范，养成良好编程习惯。

明天计划的事情：

1.做完任务5，并通过审核；

2.领取任务6并学习相应的知识点；

3.任务6的进度可以放一下，洗个热水澡早点睡，连续3个晚上熬夜做任务太伤身体了。

遇到的问题：

1.设计盒子width的时候，涉及了百分比和固定距离，无法准you确地设计距离；

2.position应用时容易出问题，不清楚什么时候用，用在哪里；

3.设计了html的font-size为62.5%，但有时候距离偏大。

解答方案

1.这个问题我没有任何思路，一时也没有找到相关资料，由陈杰师兄指点了我，让我去查了calc这个属性，完美解决了这个问题。

calc()的运算规则

calc()使用通用的数学运算规则，但是也提供更智能的功能：

1. 使用“+”、“-”、“*” 和 “/”四则运算；
2. 可以使用百分比、px、em、rem等单位；
3. 可以混合使用各种单位进行计算；
4. 表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5em)"这种没有空格的写法是错误的；
5. 表达式中有“*”和“/”时，其前后可以没有空格，但建议留有空格。

2.position概念还不是很清楚，需要复习巩固，熟悉应用方式：

position 属性规定元素的定位类型。

说明

这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

3.这个问题是陈杰师兄指点的，浏览器最小识别为12px，不能设置62.5%，应该改为625%，解决了这个问题。

收获：

又学习了新的知识点，很充实快乐。