第六天啦
今天做了头部导航条的伸缩样式，之间有些东西已经都遗忘了，重新学习了一下。
1.首先网站里有很多a标签，我就从它先下手了
a标签一共有四种状态
- 默认状态，从未被访问过
- 被访问过的状态
- 鼠标悬停在a标签上的状态
- 鼠标长按的状态
a标签的伪类选择器是专门用来修改a标签不同状态的样式的
：link 修改未被访问过状态下的样式
：visited 修改被访问过状态下的样式
：active 修改长按状态下的样式
：hover 修改鼠标悬停在a标签上状态下的样式
A标签伪类选择器可以单独出现也可以一起出现
A标签的伪类选择器如果一起出现，有严格的顺序要求
：link ：visited ：hover ：active
2.input标签的outline属性
默认情况应该点击应该会有蓝色边框....之前都没有发现，设置一下outline：none；就解决了
3.important属性
当我有如下代码时候
我选中第一列表中的li时 第二列表可以正常弹出,
但是之前设置好的第二列表中文字颜色是黑色的，我不想让他变化，又不想弄太多的代码，回去添个！important就好了
4.过渡transition
过渡三要素：
- 必须要有属性发生变化
- 必须告诉系统那个属性发生变化
- 必须告诉系统持续时长
注意点：当多个属性需要执行过渡效果时用逗号隔开即可
告诉系统那个属性需要执行过渡效果
Transition-ptoperty:xxx，xxx；
告诉系统过渡效果持续的时长
Transition-duration:xxx，xxx；
Transition 不支持display属性