今天完成的事情：

上午学习less，下午搬床、装床，初步完成html文件

LESS 在 CSS 的语法基础之上，引入了变量、Mixin（混入）、运算以及函数等功能，简化 CSS 的编写，并且降低了 CSS 的维护成本，就像它的名称所说的那样，LESS 可以让我们用更少的代码做更多的事情。本质上，LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。LESS 可以直接在客户端使用，也可以在服务器端使用。在实际项目开发中，更推荐将 LESS 文件编译生成静态 CSS 文件，并在 HTML 文档中应用。

1 LESS 源文件的引入方式与标准 CSS 文件引入方式一样，需要引入 LESS 源文件的 HTML 中加入如下代码： 

 <link rel="stylesheet/less" type="text/css" href="styles.less">

需要注意的是：在引入 .less 文件时，rel 属性要设置为“stylesheet/less”。还有更重要的一点需要注意的是：LESS 源文件一定要在 less.js 引入之前引入，这样才能保证 LESS 源文件正确编译解析。这个过程非常缓慢，不建议这么使用。

2 通过 LESS 的编译器，将 LESS 文件编译成为 CSS 文件，在 HTML 文件中引入使用。LESS 完全兼容 CSS 语法，也就是说可以将标准的 CSS 文件直接改成 .less 格式，LESS 编译器可以完全识别。

语法分为变量、混合（mixin）、嵌套规则、函数&运算

变量 

LESS 允许开发者自定义变量，变量可以在全局样式中使用，变量使得样式修改起来更加简单。变量是 VALUE（值）级别的复用，可以将相同的值定义成变量统一管理起来。 该特性适用于定义主题，将背景颜色、字体颜色、边框属性等常规样式进行统一定义。

混合（mixin）

在 LESS 中，混入是指在一个 CLASS 中引入另外一个已经定义的 CLASS，就像在当前 CLASS 中增加一个属性一样。Mixins 其实是一种嵌套，它允许将一个类嵌入到另外一个类中使用，被嵌入的类也可以称作变量，Mixins 其实是规则级别的复用。

嵌套规则

在一个选择器中嵌套另一个选择器来实现继承，这样很大程度减少了代码量，并且代码看起来更加的清晰。LESS 的嵌套规则的写法是 HTML 中的 DOM 结构相对应的，这样使我们的样式表书写更加简洁和更好的可读性。

函数&运算

CSS 中包含大量的数值型的 value，比如 color、padding、margin 等，这些数值之间在某些情况下是有着一定关系的，对数值型的 value（数字、颜色、变量等）进行加减乘除四则运算。

明天计划的事情：

完成任务11，提交任务

遇到的问题：

今天没有编写代码，没有问题。

收获：

今天学习less过程中，发现人们对于css的拓展这是一个很大的领域，它们的核心都是相似的，让css看起来更像编程语言。不用追求太多，熟悉一门就可以了。

css写起来比较费事，而且代码难以维护，就有了让CSS加入一些编程的元素，像其他程序语言一样可以做一些预定的处理，这就是 CSS预处理器( CSS Preprocessor )。

任务11

开始时间：5.11

预计结束时间：5.14

http://task.jnshu.com/zentao/project-task-629.html