before和after微元素详解
之所以被称为伪元素，是因为他们不是真正的页而元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素-一样， 可以对其使用诸如页面元素一样的sS样式， 表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。是伪元素在html代码机构中的展现，可以看出无法伪元素的结构无法审查
注意：
相当于在元素中插入一个盒子
1.伪元素:before和:after添加的内容默认是inline元素**;这个两个伪元素的content 属性，表示伪元素的内容设置:before和:after时必须设置其content属性，否则伪元素就不起作用。2.伪元素是不占位置的。
过渡
过渡(transition)是CSS3中具有顛覆性的特征之一，我们可以在不使用 Flash 动画或JavaScript的情况下，当元素从-种样式变换为另-种样式时为元素添加效果。帧动画。通过一-帧- 帧的画面按照固定顺序和速度播放。如电影胶片
在CSS3里使用transition可以实现补间动画(过渡效果)，并且当前元素只要有"属性“发生变化时即存在两种状态(我们用A和B代指)，就可以实现平滑的过渡，为了方便演示采用hover切换两种状态，但是并不仅仅局限于hover状态来实现过渡。
transition:要过渡的属性花费时间 运动曲线何时开始;如果有多组属性变化，还是用逗号隔开。
属性：：transition I transition-property transition-duration transltion-timing-function transition-delay 描述：：简写属性，用于在一一个属性中设置四个过渡属性。 规定应用过渡的CSS属性的名称。 规定应用过渡的CSS属性的名称 。 规定过渡效果的时间曲线。默认是"ease". 规定过渡效果何时开始。默认是0. css 3、3、3、3、3
transition-duration花费时间 单位是秒 s 比如0.5s 通常我们使用s或者ms 运动曲线默认为ease 何时开始默认为0s linear（均速） ease（逐渐慢下来）ease-in（逐渐快起来）ease-out（减速）ease-in-out（先加速，后减速）
