今天完成的任务：

      使用了定位把任务十的下单进程完成好。

      了解了一下处理盘，clip:rect矩形剪裁只能作用于position:absolute的元素上。

      clip:rect 可用性隐藏，根据top right bottom left的释义，如果left >= right或者bottom <= top，则元素会被完全裁掉而不可见，即“隐藏”。

遇到的问题：

      定位的时候由于前面没有理解透，导致模糊状态的的布局，发生了屏幕放大到缩小时出现位置不固定状态，前面任务也知道要父元素使用设置一个固定。但是时间久了没有深入了解，导致出现问题，前面学不够透，后来查看了资料在记起来要在父元素设置参照物，想围绕那个父元素定位就在那个先设置好相对定位，如果父元素没有定位，它就围绕初始状态来定位，因为没有在想要的父元素设置好定位，原于默认状态，屏幕放大缩小后才出现没有固定的状态。

      设置下下单进度的时使用弹性把它们拼接在一起，会一点间隙，通过父元素设置了背景没有那么明显了。

明天计划的事情：明天继续做下拉框部分以下任务，对选择款修饰效果有一些疑惑，还要多了解

收获：

     ：before用于前面插入的功能，在样式里加个内容，要插入的字体或一些样式。

     opacity:用于透明度调试，可以把它调整到最低于隐藏，且保留位置，可以实现隐藏的功能，而visibility: hidden;保留位置，实现不了里面的功能。

    :checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）。它和：hover功能有些相似。