今天完成的事情:

1任务9

2学习了less基础

它在 CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并

且降低了 CSS 的维护成本，LESS 可以让我们用更少的代码做更多的事情。

我们可以直接在客户端使用 .less（LESS 源文件），只需要从 http://lesscss.org下载 less.js 文件，

然后在我们需要引入 LESS 源文件的 HTML 中加入如下代码：

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

LESS 源文件的引入方式与标准 CSS 文件引入方式一样：

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

需要注意的是：在引入 .less 文件时，rel 属性要设置为“stylesheet/less”。

还有更重要的一点需要注意的是：LESS 源文件一定要在 less.js 引入之前引入

，这样才能保证 LESS 源文件正确编译解析。

明天的计划:

开始任务10

遇到的问题

最近节奏有些慢，是希望自己能很好的掌握知识点

收获:

一 

总结一下屏幕自适应该如何布局

1网页代码的头部，加入一行viewport元标签（允许网页宽度自动调整）

2不使用绝对宽度

3相对大小的字体

4流动布局 各个区块的位置都是浮动的，不是固定不变的

5使用媒体查询media

6图片的自适应（fluid image）

二

LESS 的变量特性

变量是 VALUE（值）级别的复用，可以将相同的值定义成变量统一管理起来。

该特性适用于定义主题，我们可以将背景颜色、字体颜色、边框属性等常规样式进行统一定义，这样不同的主题只需要定义不同的变量文件就可以了。这样就可以在不同的项目间重用样式表，我们仅需要在不同的项目样式表中，根据需求重新给变量赋值即可。