转至元数据起始

今天完成的事情：

今天继续了task6的制作，基本完成，还需完善一些。

明天计划的事情：

明天会吧task6完成，然后开始task7的制作。

遇到的问题：
今天还好，没有遇到太多问题，只是在将下拉框均分的时候结尾总是短一块，没有找到原因。

收获：

1、今天仔细熟悉了一下弹性布局的相关知识：

‍‍‍‍使用flex布局的容器（flex container），它内部的元素自动成为flex项目（flex item）。容器拥有两根隐形的轴，水平的主轴（main axis），和竖直的交叉轴。主轴开始的位置，即主轴与右边框的交点，称为main start；主轴结束的位置称为main end；交叉轴开始的位置称为cross start；交叉轴结束的位置称为cross end。item按主轴或交叉轴排列，item在主轴方向上占据的宽度称为main size，在交叉轴方向上占据的宽度称为cross size。

　　此外，需注意使用flex容器内元素，即flex item的float，clear、vertical-align属性将失效。‍‍‍‍

2、下图为flex的相关概念的示意图：

3、熟悉了关于‍‍background-position和雪碧图(CSS Sprites)用法：‍‍

①background-position属性值如果是数值，那么指相对于容器自身数值的距离作为起始位置；如果是百分比或者是方向，那么指的是相对于容器自身（容器自身的宽度/高度 - 图片自身的宽度/高度） x 百分比 所得的数值作为起始位置。

②如果不设置background-position属性值，那么默认起始位置为background-position：0% 0%。

③方向值和百分比的计算方式是一样的，它们可以相互转换，left：0%，right：100%，center：50%。

④如果background-position属性值只设置一个，那么另一个默认为center。