Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html svg图标是否属于样式层和视图层?_Html_Css_Svg - Fatal编程技术网

Html svg图标是否属于样式层和视图层?

Html svg图标是否属于样式层和视图层?,html,css,svg,Html,Css,Svg,我的团队正在转向svg图标。 我们过去在css样式类中定义图标,现在正在考虑是否应将SVG图标实现为呈现SVG标记的视图组件(而不是html)。这应该允许通过更改尺寸、颜色等更好地重用svg。另一方面,这将使图标脱离样式化领域,任何样式更改都将导致代码更改(而不仅仅是css更改) 使用svg图标、控制大小和颜色并仍然保存样式层和视图层的正确方法是什么(如果有的话)?svg编辑器有时会将样式信息内联,但svg的样式信息也可以像通常的CSS一样在标记中提供 如果SVG位于DOM中(最简单的方法是将S

我的团队正在转向svg图标。
我们过去在css样式类中定义图标,现在正在考虑是否应将SVG图标实现为呈现SVG标记的视图组件(而不是html)。这应该允许通过更改尺寸、颜色等更好地重用svg。另一方面,这将使图标脱离样式化领域,任何样式更改都将导致代码更改(而不仅仅是css更改)


使用svg图标、控制大小和颜色并仍然保存样式层和视图层的正确方法是什么(如果有的话)?

svg编辑器有时会将样式信息内联,但svg的样式信息也可以像通常的CSS一样在
标记中提供

如果SVG位于DOM中(最简单的方法是将SVG直接写入HTML),则可以直接从常用CSS文件格式化SVG:

p{
颜色:#666;
}
蓝三角{
填充物:浅蓝色;
行程:#666;
笔画宽度:8;
}
这是HTML p标记中的常见文本

接下来是嵌入式SVG,由常见的CSS设计:


这个问题要么过于宽泛,基于观点,要么需要讨论,因此对于堆栈溢出来说是离题的。如果你有一个具体的、可回答的编程问题,请提供完整的细节。问什么是“正确的方式”在很大程度上是一种判断,并不存在。这里的答案是您决定如何处理图标,然后相应地设置它们的样式。图标字体也一样,只是你必须加载字体,然后在css中调用它们。