#前端学习笔记# day10小米实例
- 给body设置一个 min-width:1226px 以防止body宽度过于小
- 顶部导航条
- 此处记得在hover后设定a
- after元素要设置content，display才能显示
- 设置绝对定位脱离文档流，自动变成块元素，给app这个元素开启相对定位
- 移动效果
- transition:left 0.3s;向右移动
- 但是transition必须有个过渡值，比如0-55 ，这边left一开始的值没有给，所以应该设置一个0
- 隐藏
- visibility: hidden; 隐藏起来但是还占据位置
- 下拉框 上面的部分都浮动了，所以它就上去了，我们需要给它开启绝对定位，开启绝对定位之后就脱离文本框了，我们需要给他指定宽度100%
- 点击之后出现兄弟元素，我们可以使用+ ~但是+是仅在后面的一个兄弟元素，但是实际上两个兄弟元素中间隔了很多兄弟元素，所以选择~
- 下拉动画设置transition: height 1s;
- .nav li:not(:first-of-type):not(:nth-child(10)):not(:nth-child(9)):hover
- 获取焦点后的样式，伪类，focus
- 去除轮廓线outline: none;
- 向右箭头显示不出，用class="fas fa-chevron-right">