今天完成的事情：

            安装好ruby和sass

            学习轮播图制作方法

明天计划的事情：

            总结任务八九

            开始任务十一

遇到的问题：

   1.下载安装了ruby后，无法检测是否安装成功。ruby.exe一直闪退。我的window有两个账户，切换到管理员账户就没有此问题了。

   2.在windows中写sass时，一直显示是错误的，但是scss没问题，后来经提醒，sass写法里面不包含{}！！！！但是上午看的时候印象中sass scss都带{}.导致自己掉在一个坑里好久。太坚信自己的印象了，还是要多查一下，自己的印象可能也不总是正确的。

收获：

 一. sass和less区别

   1.sass和less是比较常用的css预处理器。CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让CSS 更见简洁，适应性更强，代码更直观等诸多好处。

  Sass 和 Less 都使用的是标准的 CSS 语法，因此如果可以很方便的将已有的 CSS 代码转为预处理器代码，默认 Sass 使用 .sass 扩展名，而 Less 使用 .less 扩展名。

注意！！！！sass不使用{}和；   到了scss可以使用{}

Less和Sass的相同之处：

1.变量：可以单独定义一系列通用的样式，在需要的时候进行调用。

2.混合（Mixins）：class中的class（讲一个class引入到另一个class，实现class与class之间的继承），还可以带参数的混合，就像函数一样。

3.嵌套：class中嵌套class，从而减少代码的重复。

4..运算：提供了加减乘除四则运算，可以做属性值可颜色的运算。

5. JavaScript 赋值——在CSS中使用JavaScript表达式赋值。

Less和Sass之间的区别：

1.实现方式：Less是基于JavaScript，是在客户端进行处理的；Sass是基于Ruby，是在服务器端进行处理的。

2.定义变量：Less定义变量时使用前缀：@；Sass定义变量时使用前缀：$。

3.混合（Mixins）：Less中使用混合时，只需在classB中根据classA的命名来是用；Sass中首先在定义混合时需要使用@mixin命令，其次在调用时需要使用@include命令来引入之前定义的混合。

4.解析方式：Less可以向上/向下解析；Sass只能向上解析。

5.变量的作用域：Less中的变量有全局和局部之分；Sass可以变量可以理解为都是全局的，但可以通过在变量后面跟！default，在引入Sass文件之前改变变量的属性值来解决这一问题。

      Sass让人们受益的一个重要特性就是它为css引入了变量。你可以把反复使用的css属性值 定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。

    sass变量以$开头，然后变量和值之间用：隔开。

   比起Less，Sass中增加了条件语句（if、if...else）和循环语句（for循环、while循环和each循环）还有自定义函数。

参考资料https://blog.csdn.net/chunchun1230/article/details/76162464

2.css制作轮播图

   之前借助于bootstrap的插件来做，很容易实现手动轮播。

  如果不借助于插件，自己用css写的话，自动轮播和手动轮博只能选择功能实现其一。网上提供的做法思路有很多，还在学习中。

进度：CSS-任务11

开始时间：2018.06.12

结束时间：2018.06.014

有无延期风险： 无。

禅道：http://task.jnshu.com/zentao/my/