水平居中的方法

<!-- 水平居中 -->

文字，行内元素，行内块元素 给父元素设置text-align：center

块元素给当前设置margin：0 auto

浮动元素给外面标准流父元素设置margin：0 auto

定位元素 left：50；margin-left：-自身盒子宽度一半或者left：50%；transformX(-50%);

<!-- 垂直居中 -->

文字在盒子中垂直居中 行高等于高

盒子在盒子垂直居中通过测量给小盒子设置margin或者给大盒子设置padding

定位的盒子 top：50% margin-top:-自身盒子高度的一半或者top：50%；transformX(-50%);

行内块元素和行内元素并列关系的垂直居中给行内块设置vertical-align：middle；

coursor：pointer（改变鼠标变手）

box-shadow 阴影 0 15px 30PX rgba(0, 0, 0, 0.1);

过度谁过度给谁加

transition：过度属性 过度时间 运动曲线(ease默认值linear匀速)延迟；

opacity: 取值是0-1之间的小数0完全透明1不透明