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
/* x y 轴 */ /* transform: translate(100px, 100px); */ /* transform: translate(100px, 0); */ /* transform: translateX(100px); */ /* transform: translat ...
分类：
其他好文 时间：
2020-05-21 21:16:57
阅读次数：
83
<!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-21 21:13:52
阅读次数：
76
CSS3 动画卡顿解决方案 前端时间用animation实现H5页面中首页动画过渡，很简单的一个效果，首页加载一个客服头像，先放大，停留700ms后再缩小至顶部。代码如下 <!DOCTYPE html> <html> <head lang="zh-cn"> <meta charset="utf-8" ...
分类：
其他好文 时间：
2020-05-21 19:39:14
阅读次数：
69
先说结论 实用而论，不想了解具体原理的同学只要记住一点即可：在配置好环境的情况下，拿到设计稿并发现需要使用固定宽高比元素的时候，在css中做好px（设计稿中的px）与rem换算就行（即便这个过程也有不少偷懒的办法,减轻工作量）. 关于rem的基础知识 这部分比较懒,可以参考 知乎-css3的字体大小 ...
分类：
其他好文 时间：
2020-05-21 14:50:40
阅读次数：
66
本文转自凹凸实验室：https://aotu.io/notes/2016/08... 前言 3D 全景并不是什么新鲜事物了，但以前我们在 Web 上看到的 3D 全景一般是通过 Flash 实现的。若我们能将 CSS3 Transform 的相关知识运用得当，也是能实现类似的效果。换句话说，3D 全 ...
分类：
Web程序 时间：
2020-05-21 13:26:20
阅读次数：
101
二.弹性布局(重点******************************************) 1.什么是弹性布局 弹性布局，是一种布局方式。 主要解决的是某个元素中子元素的布局方式 让页面布局更加的灵活 2.弹性布局专有的名词解释 1.容器 要发生弹性布局的子元素，他们的父元素，成为容器 ...
分类：
Web程序 时间：
2020-05-19 23:10:06
阅读次数：
142
简介 在过去的两年，越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候，都使用了transformjs，所有必要介绍一下，让更多的人受益，提高编程效率，并享受编程乐趣。（当然transformjs不仅仅支持移动设备，支持CSS3 3D Transforms的浏览器都能正常使用transf ...
分类：
移动开发 时间：
2020-05-19 20:55:21
阅读次数：
72
HTML5的优势有哪些？ 你对HTML5的方方面面了解又有多少呢？相信阅读完这篇文章，你会得到一个答案。 一、什么是HTML5 HTML5就是HTML最新标准，是现在Web程序开发的核心、标准通用标记语言下的一个应用HTML的第五次重大修改，这是一项推荐标准。虽然CSS3和HTML5是两个语言，但通 ...
分类：
Web程序 时间：
2020-05-19 10:41:41
阅读次数：
163
