css3动画效果和响应式

         这周学习的是css3的动画和响应式效果，在模板之家上面找了个模板，写了一点就换了，学习的开始是结合自己前面遗忘的情况，看了布局的视频以及慕课网上面的css3的动画效果的视频，感觉讲得挺好，结合自己写的网页遇到的问题以及学习到的新知识，总结一下。

        首先是布局，按道理讲这个应该在一开始学习网页的时候就该掌握的，不过，这次看了视频也是蛮多收获的吧。分为一列布局，两列布局，三列布局，以及混合布局，一列布局的话（一般不适合放很多的文字），如果需要居中可以在打的div下面套一个居中的div,然后margin:0 auto;还有一个值得注意的问题是，有很多时候的父本不必设置高度。两列分布的两种情况：1自适应：宽度百分比的设置  2.固定宽度：加在父集里，父集一般固定宽且margin:0 auto。三列定位的固定情况就是两边浮动，中间的设置left.right是左右两边的盒子宽度。元素脱离文档流的css设置是：float.以及position：absolute

       一. figure标签，html5的语义化标签  用于规范独立流的内容（图片，图标，照片，代码）；figcaption与figure连用，用于定义figure的标题。

      二.transform以及transition

         1.transform为css3的属性，主要用于元素的变形处理

         属性：translate.rotate,scale,skew. 分别是平移，基于自己原来的位置；2D旋转，单位是deg,并且origin属性设置旋转