【问题标题】:how to associate a css stylesheet with an svg object reference?如何将 css 样式表与 svg 对象引用相关联?
【发布时间】:2017-03-21 21:59:57
【问题描述】:

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

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

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

【问题讨论】:

标签: javascript html css svg


【解决方案1】:

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

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

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

希望这是有道理的!

【讨论】:

    猜你喜欢
    • 2018-02-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多