CSS3 transform变换 1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style fla ...
分类：
Web程序 时间：
2020-02-23 17:53:48
阅读次数：
73
在CSS3中盒模型分为两种： 一种就是我们所熟知的标准盒模型 而另一种就是所谓的怪异盒模型或者IE盒模型 由上图我们可以知道 在标准盒模型中width和height指的是盒子内容的宽高，而在怪异盒模型中wdith还包含了border和margin区域 通过在文档首部添加doctype申明，即表明使用 ...
分类：
其他好文 时间：
2020-02-23 16:33:35
阅读次数：
96
showhide.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>showhide</title> <link rel="stylesheet" href="../css/base.css"> <s ...
分类：
Web程序 时间：
2020-02-22 16:06:50
阅读次数：
77
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
Web程序 时间：
2020-02-22 12:14:48
阅读次数：
101
通过CSS中的animation属性来实现摩天轮旋转的动态效果。在开始之前，先说下animation属性，原理是逐帧动画，通过关键帧控制动画的每一步，来实现最终的动态效果。 而常用到的几个属性分别是： 1.animation-name，设置元素动画的名字，自定义即可 2.animation-dura ...
分类：
Web程序 时间：
2020-02-21 22:14:52
阅读次数：
165
通过学习CSS3游戏介绍、CSS3样式和优先级,了解到html5+css3+js不光可以实现动画，其次可以往这个游戏与建模方向发展，更多css3特效访问Gerard Ferrandez on CodePen其次html嵌套css样式分为3种：内联、内部、外部、写法上推荐的是外部，便于代码复用性；样式... ...
分类：
Web程序 时间：
2020-02-21 09:34:35
阅读次数：
86
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现水平垂直居中</title> <style type="text/css"> .content { width: 100px; height: 100px; ...
分类：
Web程序 时间：
2020-02-20 22:25:46
阅读次数：
91
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>过渡动画效果</title> <style type="text/css"> div { width: 100px; height: 100px; backgr ...
分类：
Web程序 时间：
2020-02-20 21:55:04
阅读次数：
69
css3和css有什么区别？首先css33是css（层叠样式表）技术的升级版本，而css是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。然后是内容上css3主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布 ...
分类：
Web程序 时间：
2020-02-19 10:20:49
阅读次数：
113
css3和css有什么区别？首先css33是css（层叠样式表）技术的升级版本，而css是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。然后是内容上css3主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布... ...
分类：
Web程序 时间：
2020-02-19 01:06:26
阅读次数：
84
