摘要：
display:flex //伸缩布局模式 给父级加 min-width:盒子最小宽度【小于这个宽度，在缩小页面，盒子不会缩小】 max-width：盒子最大宽度【大于这个宽度，在放大页面盒子不会变大，放大的都是空白】 flex-direction：row(默认)|column(竖着划分) just 阅读全文
摘要：
animation 阅读全文
摘要：
以下两行语句有什么区别？ Css <div id="animateTest" style="-webkit-transform: perspective(400px) rotateY(40deg);"> Css <div id="animateTest" style="-webkit-transfo 阅读全文
摘要：
和2D一样也是transform 即变形 1)rotateX rotateY rotateZ（也可以用transform-origin来设置旋转中心点） 2)透视(perspective) 给父亲加透视，透视就是模拟眼睛到物体的距离，近大远小，即数值越小，3D越明显 理解透视就是把眼睛放在离物体多远 阅读全文
摘要：
1.过渡 transition 写在元素里面，而不是hover里面 2.2D变形（CSS3） 1)transform（变形） . translate(百分比)，是以自己宽高为基准【像相对定位一样】 居中以下来写，不用margin-left等写负值，更简单，不用写死 2）缩放 scale 3）rota 阅读全文
摘要：
::after/::before content是必须的 宽高和添加伪元素的一样，因为是行内样式，所以转换成块级样式让改变宽度和高度生效 转化成块级元素，会把原来的挤下去，因此绝对定位，让他脱标，给div向上相对定位，即实现 阅读全文