摘要：
一.在父盒子上设置样式 1.display:flex;让盒子变成一个伸缩盒子 2.flex-direction 控制主轴方向 flex-direction:row 水平往右； flex-direction:column 垂直往下； 3.justify-content 主轴对齐方式 justify-c 阅读全文
posted @ 2019-09-21 23:06
宅到深夜
阅读(1472)
评论(0)
推荐(0)
摘要：
1.阿里巴巴矢量图标使用 （1）在阿里巴巴矢量图标官网 https://www.iconfont.cn/ 搜索所需要的图标。 （2）点击添加到购物车（添加入库） （3）到我的购物车，点击下载代码。 （4）解压后，将.css .eot .svg .ttf .woff .woff2文件保存到一个新建文件 阅读全文
posted @ 2019-09-21 20:57
宅到深夜
阅读(325)
评论(0)
推荐(0)
摘要：
1.申明并使用动画 第一步申明动画 或 第二步 使用动画 animation:动画名称 动画时间 延时时间 动画次数（infinite 不限次数） 动画方向（normal ：从 from 到to alternate 从 from 到to 再从to 到from） 动画效果（linear ease st 阅读全文
posted @ 2019-09-21 18:24
宅到深夜
阅读(151)
评论(0)
推荐(0)
摘要：
1.scale 缩放 transform:scale(x,y) 如：transform:scale(2,1.5) transform:scaleX(2) transform:scaleY(2) 2.translate 平移 translate(x,y) 如：transform:translate(1 阅读全文
posted @ 2019-09-21 17:15
宅到深夜
阅读(228)
评论(0)
推荐(0)
摘要：
.father{ position:relative; width:600px; height:600px; } .son{ width:200px; height:200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) } 阅读全文
posted @ 2019-09-21 16:53
宅到深夜
阅读(941)
评论(0)
推荐(0)
摘要：
1.background-size （1）可以指定数值，图片可能会失真 background-size：100px 100px ; （2）可以指定百分比 background-size：100% 100% ; （3）指定contain,包含 ，等比例缩放，图片是完整的，可能会留白 backgroun 阅读全文
posted @ 2019-09-21 15:28
宅到深夜
阅读(568)
评论(0)
推荐(0)
浙公网安备 33010602011771号