*{边距：0;//初始所有外边距都是0padding:0;//初始所有内边距为0}.container{width:300px;高度：300px；边距：150px自动；//立方体居中perspective:20000000px;//视角更远}.box{width:300px;高度：300px；变换样式：保留3d；//3D变换：rotateX(45deg)rotateY(45deg);//用于调试，方便查看}.box-page{width:300px;高度：300px；位置：绝对；//六个边初始化到同一个位置}.top{background-color:red;变换：translateZ(150px);}。底部{背景色：绿色；转换：translateZ(-150px)rotateX(180deg);}.left{背景颜色：橙色；变换：translateX(-150px)rotateY(90deg);}.right{背景颜色：粉色；变换：translateX(150px)rotateY(90deg);}.before{背景颜色：蓝色；变换：translateY(150px)rotateX(90deg);}.after{背景颜色：黄色；变换：translateY(-150px)rotateX(90deg);}//最外层是调整立方体的位置，比如居中
