今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

昨天写任务的第二个职业页面，了解了table属性。

一、div+css布局的好处：

1.符合W3C标准，代码结构清晰明了，结构、样式和行为分离，带来足够好的可维护性。

2.布局精准，网站版面布局修改简单。

3.加快了页面的加载速度（最重要的）（在IE中要将整个table加载完了才显示内容）。

4.节约站点所占的空间和站点的流量。

5.用只包含结构化内容的HTML代替嵌套的标签，提高另外搜索引擎对网页的搜索效率。

二、table布局的好处（table布局也不是一点用的没有，这点是毋庸置疑的）

1.容易上手。

2.可以形成复杂的变化，简单快速。

3.表现上更加“严谨”，在不同浏览器中都能得到很好的兼容。

缺点：

1、标签结构多，复杂，在表格布局中，主要是用到表格的相互嵌套使用，这样就会造成代码的复杂度更高！

2、表格布局，不利于搜索引擎抓取信息，直接影响到网站的排名。

第二个页面开始简单使用sass

2）安装Sass

安装sass步骤并不多，不过找国内镜像网站，用了点时间，域名改了三次。

//1.删除原gem源

gem sources --remove https://rubygems.org

///2.添加国内淘宝源

gem sources -a https://ruby.taobao.org

///3.打印是否替换成功

gem sources -l

//4.更换成功后打印如下

*** CURRENT SOURCES ***https://ruby.taobao.org/、

教程里面有几个和实际不一样。

一个是添加国内的镜像站https://gems.ruby-china.com/

淘宝的站点转移了，转给了https://gems.ruby-china.org/

https://gems.ruby-china.org/因为域名的关系，修改了https://gems.ruby-china.com/

所以官网也有坑，要注意。

其次是添加站点

gem sources -a https://ruby.taobao.org

这个-a也有问题，我的会出现：SSL 证书错误

原因是因为我的ruby的版本过低是2.x的版本

但是这里使用

gem sources -add https://ruby.taobao.org

却成功了，不知道是什么原理

为什么使用Sass

Sass和Less的比较 不同

LESS和Sass之间的主要区别是他们的实现方式不同，LESS是基于JavaScript运行,所以LESS是在客户端处理。

Sass是基于Ruby的，是在服务器端处理的。

1、Less环境较Sass简单

Sass的安装需要安装Ruby环境，Less基于JavaScript，是需要引入Less.js来处理代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放在项目中，有less.app、SimpleLess、CodeKit.app这样的工具，也有在线编辑地址。

2、Less使用较Sass简单

LESS 并没有裁剪 CSS 原有的特性，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。只要你了解 CSS 基础就可以很容易上手。

3、从功能出发，Sass较Less略强大一些

①sass有变量和作用域。

②sass有函数的概念；

③进程控制：

④数据结构：

4、Less与Sass处理机制不一样

前者是通过客户端处理的，后者是通过服务端处理，相比较之下前者解析会比后者慢一点

5、关于变量在Less和Sass中的唯一区别就是Less用@，Sass用$。

这种预编译器相当于把CSS这种描述性的语言编程化了。

更方便使用，不需要过多的重复劳动

明天计划的事情：（一定要写非常细致的内容） 

完成任务第二个页面
遇到的问题：（遇到什么困难，怎么解决的） 

速度太慢了，第一个页面问题解决了，第二个页面问题出在table，开始不知道table居然和flex有冲突，这里自己需要在改一下。
收获：（通过今天的学习，学到了什么知识）

使用Sass写简单了页面