2D变形transform transform是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、倾斜、缩放，甚至支持矩阵方式，配合过渡和即将学习的动画知识，可以取代大量之前只能靠Flash才可以实现的效果。 变形转换 transform 移动 translate(x, y) transla ...
分类：
其他好文 时间：
2019-09-23 10:06:01
阅读次数：
123
CSS3盒模型 CSS3中可以通过box sizing 来指定盒模型，即可指定为content box、border box，这样我们计算盒子大小的方式就发生了改变。 可以分成两种情况： 1、box sizing: content box 盒子大小为 width + padding + border ...
分类：
Web程序 时间：
2019-09-23 09:20:59
阅读次数：
90
一、选择器 列举一些常用的，如下 1)属性选择器 [属性名^="a"]选取指定属性以a开头的元素 [属性名$="b"]选取指定属性值以b结尾的元素 [属性名*="g"]选取指定属性值包含g的元素 2）序选择器 同类型中 p:first-of type 选择每个p元素是其父级的第一个P元素 p:las ...
分类：
Web程序 时间：
2019-09-22 23:21:38
阅读次数：
153
css3 nth 选择器 ：first-child()，：last-child () ：nth-child(n) :nth-last-child() :nth-of-type() :nth-last-of-type () :first-of-type() :last-of-... ...
分类：
Web程序 时间：
2019-09-22 10:44:30
阅读次数：
6624
一、圆角效果 border-radius 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-rad ...
分类：
Web程序 时间：
2019-09-22 02:00:42
阅读次数：
124
05==》css3 一个在最左最右 /* 导航 */.daohangbox{ display: flex; justify-content: space-between; //巧记两者之间 between说明一个在左一个在右} ...
分类：
微信 时间：
2019-09-21 22:56:18
阅读次数：
113
一、jq的介绍 二、jq选择器和原生选择器的区别 三、jq选择器 jQuery最有用的部分：jQuery选择器引擎！jQuery的选择器依赖css1~css3的选择器。 1.简单选择器：使用频率：***** 1)选择器写法：$( ) >>>>> $('div') 字符串 根据css样式来进行选取。c ...
分类：
其他好文 时间：
2019-09-21 19:33:37
阅读次数：
135
0921自我总结 CSS3动画的使用 一.动画的创建 @keyframes规则是创建动画 浏览器兼容 根据状态的百分比来设置 上面如果有前缀下面使用的时候必须加上前缀 二.css3动画的属性 animation设置动画 :animation: name duration timing functio ...
分类：
Web程序 时间：
2019-09-21 17:22:39
阅读次数：
161
http://www.w3chtml.com/css3/units/length/vh.html https://www.html.cn/book/css/values/length/vh.htm ...
分类：
Web程序 时间：
2019-09-21 10:49:42
阅读次数：
88
径向渐变(radial gradients)：从起点到终点颜色从内而外沿进行圆形渐变。 语法 background:radial-gradient(center,shape size,start-color,……,last-color); 径向渐变-设置形状 语法： background:radia ...
分类：
Web程序 时间：
2019-09-20 18:25:39
阅读次数：
115
