弹性盒关注的是内容，而网格侧重布局。当你使用弹性盒，并发现自己禁用了一些弹性特性，那你可能需要的是 CSS 网格布局。

本期我们将用css3+vue做一个养鱼小游戏，当我们点击屏幕可以投放食物，鱼儿每当看到食物就会争抢，鱼儿吃到食物就会变大一点。。

今天来看一些有趣且实用的 CSS 小技巧！ 1. 打字效果 代码实现： 实现效果： 2. 设置阴影 当使用透明图像时，可以使用 drop-shadow() 函数在图像上创建阴影，而不是使用 box s

最近几天，有好几个同学都问了同样一个问题。 页面上有一段文本，能否实现这段文本在不同背景色下展示不同的颜色？也就是俗称的智能变色。像是下面这样： 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看

- px：绝对长度单位，来描述一个元素的宽高以及定位信息 - rpx：微信小程序独有的、解决屏幕自适应的尺寸单位 - em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身