BDstudy课后学习问答：day12~day15

利用flex实现排列顺序：

display :flex;
flex-deriction:column（纵向排列）
flex-deriction:column-reverse(反转纵向排列123→321)
flex-deriction:row(默认横向从左到右按顺序排列)
flex-deriction:row-reverse(反转横向排列123→321)

:last child{}

选择器:last child {}

关于z-index
z-index:auto|number;
◆auto遵從其父對象的定位
◆number無單位的整數值。可為負數
position屬性中的“后來居上”這個顯示規則是沒有兼容性問題的，所以，要想一個元素上面顯示，直接放后面就可以了，無需z-index。
泛濫的z-index既浪費代碼，又不利於后期維護和他人接受，為何不扔掉呢。記住，這個世界上本沒有z-index。

---

今日进度：将蓝色部分图片文字移动到search行 可进行下一步
进度条部分可用position做

---

今日进度：

---

今日进度： 对hover需要复习需要练习 明日把图片的hover时覆盖一个新的页面

---

今日进度
将鼠标未移动到目标之前的透明度设置为0 opacity:0
鼠标移到后 设置透明度 opacity:0-1