a标签的伪类选择器
a标签存在一定的状态
:
1、默认状态,从未被访问。
2、被访问过的状态。
3、鼠标长按状态。
4、鼠标悬停在a标签上的状态。
a标签的伪类选择器就是专门用来修改a标签不同状态下的样式的。
格式:
:link 修改从未被访问过的状态下的样式。
:visited 修改被访问的状态。
:active 修改鼠标长按状态下的样式。
:hover 修改鼠标悬停在a标签上状态下的样式。
注意点:
a标签的伪类选择器如果一起出现,那么有严格的顺序要求:
编写的顺序必须要遵守爱恨原则 l
ov
e ha
te 。
过渡模块
CSS3中,我们为了添加某种效果可以从一种样式转变到另一个的时候,无需使用Flash动画或JavaScript。
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
指定要添加效果的CSS属性,必须有属性发生变化+指定过渡效果的持续时间。
:hover伪类选择器除了可以用在a标签上,还可以应用在任何其他的元素上面。
过渡三要素:
1、必须要有属性发生变化。
2、必须告诉系统哪个属性需要执行过渡效果。
3、必须告诉系统过渡效果持续时长。
2D转换模块
旋转多少度:其中deg是单位,代表多少度。
平移:
缩放:
透视属性