一、CSS3 转换通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。浏览器支持Internet Explorer 10、以及 Opera 支持 transform 属性。注释：Internet Explorer 9 需要前缀 -ms-。Chrome 和 Safari 需要前缀 -... ...
分类：
Web程序 时间：
2020-01-16 12:37:53
阅读次数：
96
垂直居中，在CSS中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊9种不同的居中方法。有常见的flex、transform、absolute等等。也有CSS3的网格布局。还有伪元素的方法，是的，你没有看错，::after和::before也可以实现居中。1、flex大家的第一反应，可能就是flex了。因为它的写法够简单直观，兼容性也没什么问题。是手机端居中方式的首选。<
分类：
Web程序 时间：
2020-01-16 01:00:21
阅读次数：
110
1.前言 做项目就难免会开发交互效果或者特效，而我最近开发的项目一直在使用vue，开发技术栈方面，理所当然就使用了vue+css3开发，过程中发现使用vue+css3开发特效，和javascript/jquery+css3的思维方式不一样，但是比javascript/jquery+css3简单一点点 ...
分类：
Web程序 时间：
2020-01-14 20:59:11
阅读次数：
125
脑洞爆炸的背景 最近开发项目动效开发越来越多 ； 部分动效需要在页面滑动的时候执行一定的效果；但是发现在移动端 很多时候页面滑动的速度快的时候 ， 动效呈现的不稳定性越明显 ， 会不流畅； 虽然使用css3的过渡可以从视觉层面解决这个问题 ， 但是并不能根治， 于是乎想到了一个方案。。。 reque ...
分类：
移动开发 时间：
2020-01-13 16:00:45
阅读次数：
165
在css3中可以实现很多一些动态效果，css3逐步取代了Flash，可以通过他带来的新特性帮助我们轻易解决一些问题，例如图片的圆角可以直接使用border-radius就可以解决，无需再使用ps解决，并且css3可以减少开发和维护成本，并且还能提高页面性能，因为一些动态效果我们不需要再去使用JS就可 ...
分类：
Web程序 时间：
2020-01-08 21:22:40
阅读次数：
114
IE 8及以下不支持 IE9 谷歌浏览器等支持CSS3的可以实现 （选中标签内文字，即可查看文本颜色和背景色） p::-moz-selection{background:#000;color:#f00;} p::selection{background:#000;color:#f00;} ...
分类：
Web程序 时间：
2020-01-04 12:35:56
阅读次数：
100
作者 | Jeskson 来源 | 达达前端小酒馆 源码地址： https://github.com/huangguangda/Ajaxitm 什么是Ajax技术？实战中的运用ajax技术，了解前后端交互的方式，了解移动端的模式，了解H5的新技术，了解CSS3的使用，和JQuery的使用。 Ajax ...
分类：
Web程序 时间：
2019-12-29 00:40:06
阅读次数：
89
本文重点在于HTML5与CSS3的学习和使用，HTML与CSS不属于编程范畴，更偏向于设计，而Sass是编程化的CSS的扩展语言，对于没有接触过编程的读者可能会有点吃力，这里不做对语法详细介绍，仅作为基本介绍，让读者了解Sass的优越性，如果对Sass感兴趣，请自行查阅相关资料。 Sass基本语法 ...
分类：
Web程序 时间：
2019-12-27 09:15:29
阅读次数：
84
介绍： css3 的Flex弹性盒的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器（flex container）来辅助实现。 Flexbox可以简单快速的创建一个具有弹 ...
分类：
Web程序 时间：
2019-12-26 17:49:53
阅读次数：
110
1.关于浮动 浮动的元素会脱离标准文档流（float）,从而不占据空间，实现了一行排列多个元素的效果 ，但是又导致上级元素height消失，处理这种情况的方法就是有两种： 1.第一种在css里写个伪类，哪些地方需要清除浮动，直接调用类名。 .clearfix::after{ display: blo ...
分类：
Web程序 时间：
2019-12-22 16:17:40
阅读次数：
88
