通过css3我们可以创建动画，它能取代gif图片、Flash、Js动画等,css3的animation动画是应用在html的DOM元素上的，通过样式来实现的。 @keyframes 规则 @Keyframes我们可以把他理解为“关键帧”，它的规则是：创建由当前样式逐渐改为新样式的动画效果。对于一个" ...
分类：
Web程序 时间：
2020-05-23 20:17:12
阅读次数：
69
CSS3 @font-face 规则 使用以前 CSS 的版本，网页设计师不得不使用用户计算机上已经安装的字体。 使用 CSS3，网页设计师可以使用他/她喜欢的任何字体。 当你发现您要使用的字体文件时，只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。 您所选择的字体在新的 CSS3 版本 ...
分类：
Web程序 时间：
2020-05-23 19:58:10
阅读次数：
54
先上效果图吧 点击'roll'按钮，会出现旋转的动画 代码如下 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="JS/jquery-1.12.2.min.js"></script> < ...
分类：
Web程序 时间：
2020-05-23 13:20:00
阅读次数：
53
垂直居中： 块级元素 1.使用position设置定位方式后进行元素的偏移 2.利用CSS3的弹性布局（flex） 内联元素 使用CSS3 flex布局 水平居中： 块级元素 1.直接设置margin 2.使用position设置定位方式后进行元素的偏移（类似于垂直居中相应的方法），先设置left： ...
分类：
其他好文 时间：
2020-05-23 00:36:08
阅读次数：
49
1.h5新增特性https://www.cnblogs.com/shun1015/p/12422117.html 2.CSS3新特性 3.js中 0.1 + 0.2 = 0.3 ？（0.1+0.2等于0.3吗） 4.简单说一下跨域的原理（前端项目中是如何解决跨域的） 5.说一下mvvm模式（因为vu ...
分类：
其他好文 时间：
2020-05-23 00:04:42
阅读次数：
57
<!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-05-22 19:20:59
阅读次数：
212
1. 禁止使用iframe，会阻碍父文档的onload事件 搜索引擎的解读程序无法解析这种页面，不利于SEO iframe和主页面共享连接池，而浏览器对于同域的加载是有限制的，会阻碍主页面的并行加载 2. 禁止使用gif文件实现loading效果 3. 使用css3代替js实现动画，减少对DOM的操 ...
分类：
其他好文 时间：
2020-05-22 09:43:17
阅读次数：
68
前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格，其实我们可以反过来思路，使用“appearance”属性，来改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将 ...
分类：
移动开发 时间：
2020-05-22 09:23:27
阅读次数：
73
css3作为页面样式的表现语言，增加了很多新的属性，但是部分css3属性在一些浏览器上还处于试验阶段，所以为了有效的显示css3的样式，对应不同的浏览器内核需要不同的前缀声明，例如： -moz- ：Firefox，GEcko引擎-webkit-： Safari和Chrome，Webkit引擎-o- ...
分类：
Web程序 时间：
2020-05-22 00:25:01
阅读次数：
121
在 Web 应用开发中，CSS 代码的编写是重要的一部分。CSS 规范从最初的 CSS1 到现在的 CSS3，再到 CSS 规范的下一步版本，规范本身一直在不断的发展演化之中。这给开发人员带来了效率上的提高。不过与其他 Web 领域的规范相似的处境是，CSS 规范在浏览器兼容性方面一直存在各种各样的 ...
分类：
Web程序 时间：
2020-05-21 23:46:13
阅读次数：
70
