1. 制作动画 先定义动画，再使用（调用）动画 使用 keyframes(关键帧)定义动画（类似定义类选择器） @keyframes 动画名称{ 0%{ width:100px; } 100%{ width:200px; } } 动画序列： 1. 0% 是动画开始，100%是动画完成，这样的规则就是 ...
分类：
Web程序 时间：
2019-10-27 22:26:04
阅读次数：
124
1.transform（转换）可以实现元素的位移，旋转，缩放等效果（可以简单理解为变形） 移动：translate 旋转：rotate 缩放：scale 2. 2D 转换之移动 translate 可以改变元素在页面中的位置，类似定位。 语法： transform：translate(x,y); 或 ...
分类：
移动开发 时间：
2019-10-27 18:29:30
阅读次数：
104
1.grid-template设置网格模板，实现四列两行布局；grid-gap设置网格间隙，包括行和列 2.grid布局，使用fr单位实现等比例分配空间。fr是分数（fraction）的缩写 ...
分类：
Web程序 时间：
2019-10-25 18:18:51
阅读次数：
132
1.盒子模型（box-sizing） CSS3 中可以通过 box-sizing 来指定盒模型，有两个值：即可指定为 content-box、border-box，这样我们计算盒子大小的方式就发生了改变。 可分为两种情况： 1. box-sizing：content-box 盒子大小为 width ...
分类：
Web程序 时间：
2019-10-25 16:30:18
阅读次数：
97
1、属性选择器 属性选择器，可以根据元素特定的属性来选择元素，这样就不用借助 类 或者 id选择器。 E [ att ] 选择具有 att 属性的 E 元素 例如：input [ value ] E [ att = 'val' ] 选择具有 att 属性且属性值等于 val 的 E元素 E [ at ...
分类：
Web程序 时间：
2019-10-25 15:04:22
阅读次数：
123
原文:前端深入之css篇丨2020年前，彻底掌握css动画【animation】 写在前面 马上就2020年了，不知道小伙伴们今年学习了css3动画了吗？ 说起来css动画是一个很尬的事，一方面因为公司用css动画比较少，另一方面大部分开发者习惯了用JavaScript来做动画，所以就导致了许多程序... ...
分类：
Web程序 时间：
2019-10-25 10:05:43
阅读次数：
101
原文:前端深入之css篇丨初探【transform】，手把手带你实现1024程序员节动画 写在前面 马上就2020年了，不知道小伙伴们今年学习了css3动画了吗？ 说起来css动画是一个很尬的事，一方面因为公司用css动画比较少，另一方面大部分开发者习惯了用JavaScript来做动画，所以就导致了... ...
分类：
Web程序 时间：
2019-10-25 09:45:03
阅读次数：
112
原文:前端深入之css篇丨2020年前，彻底掌握css动画【transition】 写在前面 马上就2020年了，不知道小伙伴们今年学习了css3动画了吗？ 说起来css动画是一个很尬的事，一方面因为公司用css动画比较少，另一方面大部分开发者习惯了用JavaScript来做动画，所以就导致了许多程... ...
分类：
Web程序 时间：
2019-10-25 09:40:45
阅读次数：
109
有很多方法将样式表加入到HTML中，每种方法都有自己的优点和缺点。新的HTML元素和属性已被加入，以允许样式表与HTML文档更简易地组合起来。将样式表加入到HTML中的常用方法有内联样式表、嵌入一张样式表或链接到一张外部的样式表。 1 内嵌样式表 样式可以使用style属性内联，该属性可以应用于任意 ...
分类：
Web程序 时间：
2019-10-25 09:38:45
阅读次数：
97
Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。 特性概览 CSS书写代码规模较大的Web应用时，容易造成选择器、层叠的复杂度过高，因此推荐通过SASS预处理器进行CSS的开发，SASS提供的变量、嵌套、 ...
分类：
Web程序 时间：
2019-10-24 23:13:46
阅读次数：
119
