css

ui设计的元素有时候需要有一些动画效果，可以直接用css动画来实现。 实现一个圆向四周有水波纹的效果 利用定位添加多个圆，给他们加上动画，使得依次从小变大，这样就形成了逐渐外扩的动画效果

盒子模型是指：外边距（margin）+ border（边框） + 内边距（padding）+ content（内容）设置box-sizing:border

灰色图像 相信大家都看到过一些网站在一些特殊的节日的时候整个网站都变成了灰色的，我第一次看到的时候感觉好神奇啊，这么短的时候可以重新做一批图标。打开控制台之后，发现原来在根节点上加了个class，而c

canvas使我们日常开发中经常会用到的一个视图容器，但是其元素本身并没有绘制能力，需要借助脚本（js）。`getContext()` 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性

页面的元素都是盒模型，都会占据空间，自上而下，自左而右的排列，这就是所谓的文档流。 脱离文档流后就不再占据空间，而是处于浮动状态，相当于浮在其他元素上方，那么后面的元素会忽略这个元素并占据这个元素

用的小程序的vant开发的时候，有圆环进度条组件van-circle。后面用uniapp的时候，没有这个组件，那么就自己用css绘制圆环进度条，利用旋转角度来高亮圆环。

开发后台管理系统的时候，经常需要绘制左中右三列布局，其中左右宽度固定，中间宽度自动撑开，float布局 使用float属性，左边div左浮动，右边div右浮动。中间div设置左右margi

sass允许使用变量，以$开头。变量的命名要清晰。 这样的命名就是不好的,含糊不清，好的命名应该让人一眼看到，就知道它的作用

canvas是html5的一个新标签，它是一个矩形画布，可以用javascript在上面绘画，平常最常用到的echart就是用canvas绘制的，使用canvas可以给页面带来更多更炫酷的效果

用css制作一个旋转的立方体，每个面可以设置为照片，效果还是很不错的。 transform 基本属性 transform可以实现元素的2D或3D转换，可以对元素进行旋转，缩放

我慢慢的听雪落下的声音，闭着眼睛幻想它不会停，美好的事物总是短暂的，不如自己动手实现一个雪花落下的场景吧。CSS3有3种和动画相关的属性：transform, transition,

实现一个在线打字的h5，根据屏幕出现的字面，盲打字母，正确输入时自动加载下一个字母，输入错误 不加载下一个 1.字母出现动画是由中心向四周放大的效果。 2.正确输入时候，自动加载下一个字母。

大风车呀之悠悠的转~ 利用css动画制作一个大风车的效果，当鼠标悬浮在中心轴上的时候，风车停止转动，鼠标离开之后又开始转动。 其中主要用到了css3中的动画。

sass和less出现的背景 css的语法不够强大，不能嵌套书写，导致模块化开发中会出现很多重复的选择器，没有变量和合理的样式复用机制

flex布局可以实现各种页面布局，并且已经得到了所有浏览器的支持，利用css伪元素实现朋友圈的九宫格布局