浏览器支持度 CSS3属性： columns：规定列的宽度和列数 默认宽度、列数值为auto column-width:每栏的宽度 column-gap :两栏之间的间距距离 column-count : 栏目的数目 column-rule : color(色值) width(宽度) style(线 ...
分类：
Web程序 时间：
2019-07-07 13:03:34
阅读次数：
226
css3的 calc：计算属性。由于自己做的项目中这个属性不常用到，偶尔用一次还没效果。 后来研究了下是因为运算符两边没加空格。 错误示例：.content{width:calc(100%-50px)}这样是不生效的 运算符"+ - * /"左右两边均要留空格 正确示例：.content{width ...
分类：
Web程序 时间：
2019-07-03 17:04:19
阅读次数：
328
来自：https://blog.csdn.net/qq_32063079/article/details/89766442 先了解一下CSS3的相对长度单位(参考详细教程) ： 相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。 em 它是描述相对于应用在当前元素的字体 ...
分类：
Web程序 时间：
2019-07-03 15:30:09
阅读次数：
271
扩展 : https://www.runoob.com/cssref/css3-pr-transform.html Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。 转 : https://cloud.tencent.com/developer/art ...
分类：
微信 时间：
2019-06-26 16:32:40
阅读次数：
302
前端知识 Calc()介绍 calc的英文是calculate的缩写，中文为计算的意思，是css3的一个新增的功能，用来只当元素的长度。比如说：你可以用calc()给元素margin、padding、border、font-size和width等属性设置动态值。为什么说是动态值呢？因为我们是使用来表 ...
分类：
Web程序 时间：
2019-06-20 12:37:35
阅读次数：
218
最近公司要做一个转盘抽奖的效果，但是我们可以控制转盘抽奖的概率，自己用es6简单的实现了下，中间虽然遇到一些问题，但最终都是解决了，下面说一下我的思路。 上面是html代码，我就不多做介绍了，效果原理主要还是利用css3 的rotate属性实现元素的旋转，下面我们看js代码，我们使用的事面向对象编程 ...
分类：
其他好文 时间：
2019-06-20 12:24:10
阅读次数：
111
JQ基础之选择器 JQ选择器与CSS/CSS3选择器非常类似，对于学过CSS/CSS3的朋友来说可以是快速上手,下面总结了比较常用的选择器。 ID选择器 $('#one') ( '#'代表ID ) CLASS选择器 $('.two') ( '.'代表类 ) 元素选择器 $('ul') ( 选取'ul ...
分类：
Web程序 时间：
2019-06-15 20:10:19
阅读次数：
306
1、移动端开发不用jquery的原因 jquery使用的优点中很大一个原因是解决了js的兼容性，但是在移动端开发中移动端的浏览器都很新进的浏览器，他的兼容性问题不需要jquery，所以不用考虑兼容性， 移动端的动画时支持css3的，所以直接使用css3来实现动画可以减少我们对jquery中动画函数的 ...
分类：
移动开发 时间：
2019-06-09 18:12:50
阅读次数：
156
方法一：使用transform属性 方法二：未知父元素高宽 方法三：使用Flex 方法四：使用table-cell，vertical-align:middle ...
分类：
其他好文 时间：
2019-05-23 21:14:16
阅读次数：
128
CSS中的2D变形主要用transform属性来实现，其可以用来控制元素的变形，如移动，比例化，反过来，旋转，和拉伸。 transform属性的基本语法如下 1.translate（） 移动元素，即基于X和Y 坐标重新定义元素位置。 用法如下： transform:translate(300px,2 ...
分类：
Web程序 时间：
2019-05-23 09:40:23
阅读次数：
481
