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
《Web前端开发之HTML5+CSS3快速入门》 【课程简介】本课程由一直专注前端技术与Discuz模板设计与制作！DZ起点网创始人朱朝兵出品，通过本课程学习，即可掌握html5的基本结构，还可以熟悉掌握CSS3新增的属性，并可以独立完成一些常见的html5网页。 【课程目标】学习完本课程后即可掌握 ...
分类：
Web程序 时间：
2020-03-13 01:07:42
阅读次数：
117
毕业很多年，一直是在做后端开发，无论是c还是java，甚至用的python也是后端做一些服务类的产品，也不是没想过做点前端的，印象中前端难度比较大，还记得大学的时候，和一同学给老师做个网页产品，但是我们两个对前端不熟悉到文盲的程度，折腾了半个暑假，没啥成果，最后不了了之了，在心理就留下了对前端的阴影 ...
分类：
其他好文 时间：
2020-03-12 22:01:45
阅读次数：
102
一、主代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Logi ...
分类：
其他好文 时间：
2020-03-12 09:42:54
阅读次数：
61
过渡 transition: all 2s; /* 设置哪些属性可以有过渡效果 all：所有的属性 */ /*注意：并不是所有的属性都可以过渡*/ transition-property: left, width; transition-duration: 5s; /* duration durin ...
分类：
Web程序 时间：
2020-03-11 23:43:42
阅读次数：
125
一、transition过渡不支持display属性 css3过渡transition不支持display属性，我们可以使用opacity或者visibility属性进行替换。相关的案例可以查看上一篇博文：【功能】关于页面加载进度条百分比实现的伪方法 二、display、opacity、visibi ...
分类：
其他好文 时间：
2020-03-11 11:07:12
阅读次数：
69
CSS3 动画 动画的基本使用 制作动画分为两不 先定义动画 再使用(调用)动画 用keyframes定义动画(类似定义类选择器) 元素使用动画 动画序列 0% 是动画的 开始 ，100% 是动画的 完成 ，这样的规划就是动画序列 再 中规定某项CSS样式，就能创建由当前样式逐渐改为新样式的动画效果 ...
分类：
Web程序 时间：
2020-03-09 21:08:55
阅读次数：
81
