一、box-decoration-break CSS3新增的box-decoration-break属性可指定行内非替换元素在跨行、跨列或跨页时的样式渲染，它包含两个值： （1）slice：默认值，盒子会被分割成多部分。 （2）clone：断开的各个盒子会单独渲染。 下面用一个示例来演示两种的区别， ...
分类：
Web程序 时间：
2020-03-30 09:58:35
阅读次数：
107
用CSS实现一个简单的幻灯片效果页面，第一反应是利用CSS3的animation。不过为了兼容浏览器，记得加各浏览器前缀（“chrome和safira：-webkit-”、“firefox:-moz-”、“opera:-o-”），我最开始写的时候忘记加浏览器前缀，在chrome中一直没有任何显示。下 ...
分类：
Web程序 时间：
2020-03-29 12:42:35
阅读次数：
110
1、概述 <canvas>元素用于生成图像。它本身就像一个画布，JavaScript 通过操作它的 API，在上面生成图像。它的底层是一个个像素，基本上<canvas>是一个可以用 JavaScript 操作的位图（bitmap）。它与 SVG 图像的区别在于，<canvas>是脚本调用各种方法生成 ...
分类：
其他好文 时间：
2020-03-28 21:38:34
阅读次数：
82
move.js是一款简单的支持CSS3动画的JavaScript库，对于对CSS3的操作不是很熟悉的人来说，使用move.js提供的方法操作CSS3动画更简单方便。 要想使用move.js提供的方法，首先应在我们的HTML页面中引入move.js： <!DOCTYPE html> <html> <h ...
分类：
Web程序 时间：
2020-03-27 20:01:25
阅读次数：
171
1.【JAVA多线程】如何解决一个生产者与消费者问题 如何解决一个生产者与消费者问题生产者与消费者问题是多线程同步的一个经典问题。生产者和消费者同时使用一块缓冲区，生产者生产商品放入缓冲区，消费者从缓冲区中取出商品。我们需要保证的是，当缓冲区满时，生产者不可生产商品；当缓冲区为空时，消费者不可取出商 ...
分类：
编程语言 时间：
2020-03-27 01:00:10
阅读次数：
83
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 ul{ 12 ...
分类：
Web程序 时间：
2020-03-26 21:41:22
阅读次数：
104
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS3过渡模块-手风琴效果</title> 6 <style> 7 *{margin: 0;padding: 0;} 8 ul{ 9 wi ...
分类：
Web程序 时间：
2020-03-26 19:23:16
阅读次数：
80
transform 和 translate transform指变换、变形，是css3的一个属性，和其他width，height属性一样 translate 是transform的属性值，是指元素进行2D变换，2D变换就是指，元素以当前位置（0,0）按照x轴的方向移动多少，按照y轴的方向移动多少 例 ...
分类：
Web程序 时间：
2020-03-25 10:45:29
阅读次数：
90
1、flex属性 flex-grow:;数字不带单位,定义项目剩余的宽度进行扩张(放大) flex-shrink:;数字不带单位,项目总宽度超出容器时的缩小设置 0 本身的大小,不缩小也不放大 1 平均分配,默认值 flex-basis: 0%;项目的长度 综合写法: felx:放大 缩小 长度; ...
分类：
Web程序 时间：
2020-03-24 23:38:40
阅读次数：
139
１: transition div { width: 200px; height: 100px; background-color: pink; /* transition: 要过渡的属性 花费时间 运动曲线 何时开始; */ /* transition: width 0.6s ease 0s, h ...
分类：
Web程序 时间：
2020-03-24 15:53:12
阅读次数：
74
