vscode格式化后，代码混乱或出错

今天在使用vscode去保存svg文件时发现，我无论如何怎样保存都会出现乱码，并且换会报错，如下所示

 出现这种情况就导致我们一直无法保存，进行下一步操作，对于解决办法来说有两种

1.自己在 VScode 中有没有安装叫 JS-CSS-HTML Formatter 的插件，把这个插件禁用后就可以了,不会再出现乱码现象;当然禁用后一定要重启 vscode 才可以解决问题；（但是现在这个已经被下架了）

2.第二种解决办法则需要我们打开设置-找到格式化去进行操作如下

（我是通过这样改之后，在重新打开就好了，希望这个方法对你有帮助） 

css知识点小结

filter: grayscale();对于这个属性来说时将其他转换为灰色的，转换值的大小，可以是<number> 或 <percentage>. 当值为 100% 时，灰度最大。0% 时与原图没有区别。0% 到 100% 之间的值会使灰度线性变化。amount 为空时使用值为1.

CSS margin 属性详解

margin 属性在 CSS 中用于设置元素周围的空白区域，也就是元素与其他元素或容器之间的距离。它可以控制元素在页面中的位置和布局。

• top: 设置上边距。
• right: 设置右边距。
• bottom: 设置下边距。
• left: 设置左边距。

CSS position 属性详解

position 属性用于指定一个元素在文档中的定位方式。它可以让我们精确地控制元素在页面上的位置，相对于其父元素、浏览器窗口或其他元素。position 属性主要有以下几个值：

• static: 默认值。元素会按照正常的文档流进行布局。
• relative: 相对定位。元素相对于其正常位置进行偏移。
• absolute: 绝对定位。元素相对于最近的已定位的祖先元素进行定位，如果找不到已定位的祖先元素，则相对于浏览器窗口进行定位。
• fixed: 固定定位。元素相对于浏览器窗口进行定位，即使窗口滚动，元素的位置也不会改变。
• sticky: 粘性定位。元素的行为介于相对定位和固定定位之间。当滚动到指定位置时，元素会固定在指定的位置。

(如有不对请大佬及时指出！)