在千锋青岛web前端培训的期间，感觉知识量很大，课程很紧密，每天都会接触到大量新的代码技术和属性。之前我也自学了一些，但还是感觉千锋老师讲的会，不管是常用的还是不常用的代码，都会讲解，让我们大体都会有些印象，不至于以后用到或同事写这个属性时，方寸大乱。

　　在大量练习的巩固下，我也逐渐学到了很多自学没学到的知识点，也锻炼了自己知识点整理总结的能力，因为互联网发展迅速，代码技术新换代很快，近学的移动端的代码属性是我之前自学没有学到的，还有很多3D的CSS属性，还有老师整理的几条居中对齐的方法，是我之前没有整理的，在这次学习中我把它们都整理起来，还按照重点标红了，比如新的两条垂直水平居中的方法。具体代码整理如下：

　　1、让一个元素在父元素里垂直水平居中(弹性盒布局)CSS3

　　section{

　　width: 500px;

　　height:500px;

　　display: flex;

　　justify-content: center;

　　align-items: center;

　　}

　　article{

　　width: 100px;

　　height: 100px;

　　background: gold;

　　}

　　2、定位加位移 CSS3

　　section{

　　width: 500px;

　　height:500px;

　　position: relative;

　　background: skyblue;

　　}

　　article{

　　width: 100px;

　　height: 100px;

　　background: gold;

　　position: absolute;

　　top: 50%;

　　left: 50%

　　transform:translate(-50px,-50px);

　　}

　　3、定位方法

　　给子元素决对定位，上下左右值为0，margin：auto，给父元素相对定位，可实现子盒子在父盒子内垂直水平居中。固定定位也可以用这种方法，实现盒子在浏览器内垂直水平居中。

　　给盒子固定定位，向左50%，向右50%，再用margin减去自身宽度和高度的一半。

　　图片整合背景必须是透明的。gif和png是背景透明的图片格式。

　　4、span方法

　　让一个元素或者图片实现垂直水平居中：给当前元素后添加空标签span(空标签必须写在一行上);给当前元素和兄弟元素添加display:inline-block;给兄弟元素添加height与父元素同高;给当前元素和兄弟元素添加vertical-align：middle;给父元素添加text-align：center。

　　二阶段的学习马上就要开始了，希望自己能加努力，在技术上上一层楼。