想必大家对 svg 肯定不会陌生吧，像平时用到的 icon 图标就是最简单的 svg 图形，但怎么样能让 svg 动起来呢？那就从最基本的svg 构成开始开始说起吧！

SVG 意为可缩放矢量图形，使用 XML 格式定义图像。SVG 代码写在根元素 <svg>标签中，表示图形容器的大小和属性。其中，width 和 height 属性指定画布的宽度和高度，viewBox

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

一张图结缘于SVG，从此对SVG的线条动画情有独钟。一文带你秒懂SVG，从此你也可以成为别人眼中的SVG大神。

我们平常在开发过程中特别是Vue技术栈的前端同学们，经常会用到一些UI组件库，特别是element-ui使用的频率是比较高的，我们经常会修改这些UI组件库的默认样式时会使用到深度选择器，大家都知道这么

1. 基础选择器 1.1. ID选择器 1.2. 类选择器 1.3. 通配符选择器 1.4. 标签选择器 1.5. 属性选择器 2. 组合选择器 2.1. 后代选择器 2.2. 子元素选择器 2.3. 相邻兄弟选择器 2.4. 通用兄弟选择器 2.5. 交集选择器 2.6. 并…