摘要：
1、display flex | inline-flex;(适用于父类元素上) (1) flex：将对象作为弹性伸缩盒显示。 (2) inline-flex：将对象作为内联块级弹性伸缩盒显示。 2、flex-flow (适用于父容器上)复合属性。 (1) flex-direction（适用于父容器的 阅读全文
摘要：
1、columns 规定设置 column-width 和 column-count 的简写属性。 (1) column-width 规定列的宽度。（该列缩放时的最小宽度，默认为auto） (2) column-count 规定元素应被分隔的列数。（默认为auto） 2、column-rule 设置 阅读全文
摘要：
轮廓（outline） outline在一个声明中设置所有的轮廓属性。 1、outline-color 设置轮廓的颜色。 2、outline-style 设置轮廓的样式。 3、outline-width 设置轮廓的宽度。 4、outline-offset 设置轮廓到边框的距离。 display常用属 阅读全文
摘要：
1、@keyframes 设定动画规则。 2、animation 所有动画属性的简写属性，用于设置六个动画属性： animation-name/animation-duration/animation-timing-function/animation-delay/ animation-iterat 阅读全文
摘要：
动画效果——过度 过度动画：在不使用Flash或JavaScript的情况下，当元素从一种样式变成另一种样式时添加效果。 过度动画的属性： 1、transition 简写属性，用于在一个属性中设置四个过度属性。 2、transition-property 规定过渡应用的CSS属性的名称。 ① non 阅读全文
摘要：
transform 3D变形 transform：3D变形可以近似理解为沿着Z轴移动元素，使得元素更加靠近或者远离你，从而使元素看起来变得更大或者更小。 ·translate3d(x,y,z) 定义3D转换。 ·translateY(y) 定义转换，只是用Y轴的值。 ·translateX(x) 定 阅读全文
摘要：
transform 2D变形 通过CSS转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。转换方法：translate()/rotate()/scale()/skew()/matrix()。 ·none 定义不进行转换。 ·translate(x,y) 定义2D平移转换。 ·translateY 阅读全文