1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 /* 定义动画 */ 8 @keyframes e ...
分类：
Web程序 时间：
2020-03-14 16:50:17
阅读次数：
80
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ background-color: gold; } .box{ f ...
分类：
Web程序 时间：
2020-03-14 16:44:52
阅读次数：
101
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类：
Web程序 时间：
2020-03-14 16:42:57
阅读次数：
102
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>loading动画</title> 6 <style type="text/css"> 7 @keyframes loading{ 8 fr ...
分类：
Web程序 时间：
2020-03-14 16:41:32
阅读次数：
60
<!-- CSS3 animation动画： 1、@keyframes 定义关键帧动画 2、animation-name 动画名称 3、animation-duration 动画时间 4、animation-timing-function 动画曲线linear(匀速)|ease(缓冲)|steps( ...
分类：
Web程序 时间：
2020-03-14 16:36:50
阅读次数：
79
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 300px; 9 h ...
分类：
Web程序 时间：
2020-03-14 16:35:23
阅读次数：
105
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>旋转的风车</title> 6 <style type="text/css"> 7 @keyframes fengche{ 8 form{ ...
分类：
Web程序 时间：
2020-03-14 16:27:41
阅读次数：
76
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类：
Web程序 时间：
2020-03-14 16:24:10
阅读次数：
61
1 <!-- css权重： 2 css权重指的是样式的优先级，有两条或者多条样式作用于一个元素，权重高的那条样式对元素起作用，权重相同的，后写的样式会覆盖前面的样式 3 4 权重的等级：可以把样式的应用方式分为几个等级，按照等级来计算权重 5 1、!important，加在样式属性后，权重值为100 ...
分类：
Web程序 时间：
2020-03-14 16:23:44
阅读次数：
79
CSS3 CSS3是css（层叠样式表）技术的升级版本，CSS3完全向后兼容，不必改变现有的设计，浏览器将永远支持CSS2。w3c的CSS3规范仍在开发。但是许多新的CSS属性已经在现代浏览器中使用了。 浏览器前缀： 圆角：border-redius 文字阴影： text-shadow 盒子阴影：b ...
分类：
Web程序 时间：
2020-03-13 18:48:46
阅读次数：
78
