今天完成的事情：

1.js运算符

JavaScript 运算符

运算符 = 用于赋值。

运算符 + 用于加值。

运算符 = 用于给 JavaScript 变量赋值。

算术运算符 + 用于把值加起来。

JavaScript 算术运算符

<p算术运算符用于执行变量与 或值之间的算术运算。="" <="" p="" style="font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Micro Hei", Arial, sans-serif; font-size: 12px; white-space: normal;">y=5，下面的表格解释了这些算术运算符：

JavaScript 赋值运算符

赋值运算符用于给 JavaScript 变量赋值。

给定 x=10 和 y=5，下面的表格解释了赋值运算符：

用于字符串的 + 运算符

+ 运算符用于把文本值或字符串变量加起来（连接起来）。

如需把两个或多个字符串变量连接起来，请使用 + 运算符。

要想在两个字符串之间增加空格，需要把空格插入一个字符串之中：

或者把空格插入表达式中：:

对字符串和数字进行加法运算

两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串，如下实例：

2.完成了任务11

$color:white;
body{
  background-color:#eff0f4;
  margin:0;
  min-width: 320px;
}
header{
  background-color:#68cdd5;
  width:100%;
  height:50px;
  text-align:center;
  line-height:50px;
}
.first{
  color:$color;
  position:absolute;
  top:-5px;
  left:12px;
  text-decoration:none;
}
.second{
  color:$color;
  display:inline-block;
}
.third{
  color:$color;
  position:absolute;
  top:-5px;
  right:2px;
  text-decoration:none;
}
.box1{
  background-color:$color;
  margin-top:15px;
  height:60px;
  vertical-align:middle;
  input{
    margin-left:80px;
    outline:none;
    border:none;
    margin-bottom:22.5px;
  }
}
.box2{
  display:inline-block;
  vertical-align:middle;
  img{
    margin-left:20px;
    height:30px;
  }
}

.flag{
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.vertical{
  display:inline-block;
  width:0;
  border-left:2px solid #e1e5e7;
  height:40px;
  position:relative;
  top:10px;
  left:30px;
}
.top{
  margin-top:10px;
}
button{
  font-size:15px;
  color:white;
  border:none;
  background-color:#68cdd5;
  width:100%;
  height:50px;
  padding:0px;
  margin-top:10px;
  outline:none;
}
a {
  color: #68cdd5;
  float: right;
  margin-top: 5px;
  margin-right: 10px;
}

明天计划的事情：

1.完成任务12

2.继续js学习

遇到的问题：暂无

收获：

1.学习了sass的使用

任务11主要是使用sass的嵌套以及变量的调用，来进行代码的简化

转至元数据结尾

转至元数据起始