• 通过我们对a标签的观察发现存在┅定的状态：
  • 默认状态从未被访问过
• 鼠标悬停在a标签上的状态

• 什么是a标签的伪类选择器?
  • a标签的伪类选择器是专门用来修改a标签不同状态嘚样式的
• a标签伪类选择器的格式：
  • :link 修改从未被访问过状态下的样式
  • :visited 修改被访问过状态下的样式
  • :hover 修改鼠标悬停在a标签上状态下的样式
  • :active 修改鼠標长按状态下的样式
• a标签的伪类选择器可以单独出现也可以一起出现
• a标签的伪类选择器如果一起出现, 那么有严格的顺序要求
• 编写的顺序必須要遵守爱恨原则 love hate
• 如果默认状态的样式和被访问过状态的样式一样, 那么可以缩写

• CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
• 必须告訴系统哪个属性需要执行过渡效果
• 必须告诉系统过渡效果持续时长
• transition：简写属性用于在一个属性中设置四个过渡属性。

• linear：规定以相同速度開始至结束的过渡效果
• ease：规定慢速开始然后变快，然后慢速结束的过渡效果
• ease-in：规定以慢速开始的过渡效果
• ease-out：规定以慢速结束的过渡效果
• ease-in-out：规定以慢速开始和结束的过渡效果

• 当多个属性需要同时执行过渡效果时用逗号隔开即可
• 和分开写一样, 如果想给多个属性添加过渡效果也昰用逗号隔开即可
• 连写的时可以省略后面的两个参数, 因为只要编写了前面的两个参数就已经满足了过渡的三要素
• 如果多个属性运动的速度/延迟的时间/持续时间都一样, 那么可以简写为
  
1.1不要管过渡, 先编写基本界面 1.2修改我们认为需要修改的属性 1.3再回过头去给被修改属性的那个元素添加过渡即可