今天完成的事：

一、脱离boostrap，使用sass编写完成了任务13

1、学会了制作拆分样式表

一个为公用的css-reset文件

另一个是当前项目使用的全局样式

在scss文件中使用@import带入

导入后生成的css文件中显示为

而style文件本来就是sass样式表，所以自动转化成了css代码

需要注意的是：css文件名不要使用空格和大写字母，否则会导入失败

2、使用import导入scss文件时，无法导入区域变量，只能导入全局变量，哪怕类名相同也无法调用

@mixin也是一样，知道带入全局的@mixin，区域变量无法带入

3、关于透明

透明可以使用opacity来设置，但容器内部的所有元素都会透明

使用rgba只针对自身，可以根据情况使用两种方法

4、空白文本符号

参考资料：https://www.cnblogs.com/huang-shan/p/4711712.html

二、查阅了资料：http://lesson.jnshu.com/l/subjectContent/561/?id=&lobtn=2

哪些css属性可以设置百分比，其计算原则是什么？

想让任务13的文字和容器同步放大缩小，可以使用vw，vh单位，包括font-size也可以使用vw，vh来设置

遇到的问题：

查看之前写的任务7代码时，发现了一个案例，是flex和fixed同时使用的，并且还达成了效果

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #68cdd5;
    color: white;
    background-color: #29bde0;
    z-index: 1;
}

暂时没搞清原理

明天计划：

开始做任务14

收获：

相当于复习了一遍任务7的知识点，发现自己基础真的很弱，很多东西能做出来，但是深层次的原理和冲突不知道

任务7复习的知识点：居中，透明，hover，绘制小箭头，自动换行，弹性布局，flex，fixed，absolute