今天完成的事情：又到了写日报时间段。今天没完成什么事。修改完了span标签

明天计划的事情：计划任务11吧，要过年了，有点想家

遇到的问题： 暂无，就是还是看不懂sass和less，为任务11预热一下
收获：特意去查了一下less和sass的区别。

1. 混合（Mixins）：class中的class;
2. 参数混合（Parametric）：可以像函数一样传递参数的class;
3. 嵌套规则（Nested Rules）：class中嵌套class，从而减少重复的代码；
4. 运算（Operations）：css中的数学计算；
5. 颜色功能（Color function）：可以编辑你的颜色；
6. 命名空间（Namespaces）：样式分组，从而方便被调用；
7. 作用域（Scope）：局部修改样式；
8. JavaScript表达式(Javascript evaluation)：在CSS样式中使用Javascript表达式赋值。

上面八条在LESS和Sass中是一个很重要的概念，只有把上面的概念理解清楚了，才能更好的学习LESS和Sass，在这里我借花献佛，从各处摘抄了一下，对这几个概念的简单的介绍：

1、Mixins，此处我译成了混合，也有很多同行朋友将其译成混入，不管是混合也好，还是混入也罢。其主要意思是将一个定义好的class A引入到另一个class B中，从而简单实现class B继承了class A的所有属性。

2、Parametric，带参数混合，像函数一样在class A中定义一个参数的默认值、或者参数属性集合，还可以是@arguments蛮量，然后将定义好的class A引入class B中

3、Nested Rules译成嵌套规则，指的是在一个选择器中嵌套另一个选择器来实现继承。从而减少了代码量，并且增加了代码的可读性。

4、Operations运算，在CSS中使用加、减、乘、除进行数学运算，主要运用于属性值和颜色的运算，可以轻松实现属性值之间的复杂关系。

5、Color function颜色功能，颜色的函数运算，颜色会先被转化成HSL色彩空间，然后在通道级别操作。

6、Namespaces命名空间，将一些变量或者混合模块打包封装，更好的组织CSS和属性集的重复使用；

7、Scope作用域，先从本地查找变量或者混合模块，如果没有找到的话就会去父级作用域中查找，直到找到为止，这一点和其他程序语言的作域非常的相似；

8、Javascript evaluation，javascript的表达式,在Less或sass文件中可以使用js的表达式,用来赋值。

LESS和Sass之间的主要区别是他们的实现方式不同，LESS是基于JavaScript运行,所以LESS是在客户端处理著作权归作者所有。
做任务11，经过师兄讲解，要引入一行代码

 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

width - viewport的宽度 height - viewport的高度

initial-scale - 初始的缩放比例

minimum-scale - 允许用户缩放到的最小比例

maximum-scale - 允许用户缩放到的最大比例

user-scalable - 用户是否可以手动缩放