今天在使用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: 粘性定位。元素的行为介于相对定位和固定定位之间。当滚动到指定位置时,元素会固定在指定的位置。