今天完成的事件

遇到问题：

不知道是什么原因在scss写的background-color: rgb(0, 0, 0,0.8); 最后一个0.8表示的是透明度 但是在程序里没有运行不知道是什么原因最后只能用

opacity: 0.8;背景透明来实现这个功能。

遇到个问题图片不跟着视窗大小改变：

复习了背景图片的属性用法，

在代码加上 background-size:cover

cover表示会此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。

遇到问题：就是在背景图片中

background: url(../pictur/快人一步.png)

才会出现图片 但如果你这么写pictur/快人一步.png)

原因在以前我直接把图片放在css同级上而 我建立的文件把图片管理起来,同时css也建立的文件 如果我要引用图片就必须加../上一级的意思。也就说我要返回taks14文件目录 然后才能打开 pictur文件，因为这2个文件都是放在task14里面。

特意百度了下，

了解scss属性嵌套：

写法如下：

.funky {  font: {    family: fantasy;    size: 30em;    weight: bold;  } }

编译结果就是.funky{

 font-familt:fantasy;

font-size:30em;

font-weight: bold;

}

这主要方便管理在一个属性中出现相同的属性值可以用这样方法写，方便管理。

了解下http相关概念

http超文本传输协议。 就是我们WEB客户端的内容都是存储在服务器上的，当我们要读取内容的时候就要向http发出请求然后服务器通过http返回数据内容 差不多就是客户端和服务器的一个链接。

HTTP默认端口为80，可以理解成发送指令给这个默认端口得到响应就像服务器的接你的数据。

JSON是用于储存和传输数据的格式通常用于服务端向网页传递数据。

JSON 指的是 JavaScript 对象表示法

有点看不太明白  大概意思是sites对象包含这3个网址。