CSS学习

<span>为行内元素<div>块状元素。转换为块状元素：display: block，转换为半块状半行内：可以设置宽度高度和margin，但不能独占一行。转换为行内元素，display: inline，隐藏：display: none;

定位：1.相对定位 position：rdlative;left/../../..
            2.绝对定位 position: absolute;left/../../..相对于position样式的父元素定位。最终找的body停止。在绝对定位中z轴来覆盖一个格式
            3.固定定位 position:fined 一般都给父元素使用

CSS3 2D转换：CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。border:15px solid transparent;border-image:url(../img/border.png) 30 30 round;（这是控制拉伸大小的元素）。

CSS3 3D转换：CSS3 可以使用使用 3D 转换来对元素进行格式化：hover{transform: translate(50px,50px);transition: transform 10s（所需要控制时间 ）

CSS3 过渡：CSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。用鼠标移过下面的元素：hover｛旋转transform: rotate(360deg);缩放transform: scale(2,2)；过度 transition: transform 5s（控制时间）