定位布局,过渡

定位: 
行标签:display: inline
不能设置 宽-高  宽高由内容撑开
可以同行显示



块级标签: display: block
可以设置宽高
不设置宽高默认宽度继承父级
默认高度:有内容撑开
不能同行显示  独占一行

文档流: 标签在浏览器里面按照特性  从上到下 从左到右排列的一个顺序,脱离文档流,让元素在文档流里面飞起来  不占用原来的空间


过渡
过渡时间 :transition-duration: 时间
transition-duration: 1s;


过渡属性: transition-duration:
          transition-property:all;
          希望那些样式变化的时候有过度效果,多个属性用逗号隔开  默认是all
          transition-property:all
          过渡的运动方式  速度的变化
          linear 匀速
          ease
          ease-in 变快
          ease-out 变慢
          ease-in-out 先快后慢

          transition-timing-function:ease-in-out; /过渡延时

          transition:all 1s(延时时间) 2s(过渡时间) linear; //复合写法