如何将css样式表与svg对象引用相关联?

时间:2017-03-21 21:59:58

标签: javascript html css svg

我刚刚了解到在网页上加载svg作为对象引用时存在特殊的css样式表约束:

https://css-tricks.com/using-svg/

将svg存储在自己独立的文件中可以提供良好的分离和可维护性,因此我猜测需要将css样式表与作为网页上的对象加载的svg相关联是一种常见的情况。你能为此推荐一些好的技术吗?

1 个答案:

答案 0 :(得分:0)

为了便于解释,我们假设您要将图像添加到“main.html”文件中。

如果你想将所有文件分开,一个好的方法是将你的svg文件保存为html文件(只需复制svg代码并保存在一个新的html文档中),然后将文档链接到你的主文件。 html文件。之后,您可以将CSS直接编码到svg的文档中,也可以使用单独的样式表对其进行样式设置。

有时当我使用简单的svg文件并且我感觉非常懒惰时,我只是将svg代码直接粘贴到我的main.html文档中,然后使用我的main.css样式表对其进行样式设置。

希望有道理!