html - R SHiny - 内联 css 和自定义 css 的区别

Question

如果这个问题已经在其他地方被问到并得到回答(我已经搜索过但找不到解决方案)，我深表歉意。警告，我的 HTML 经验为零或很少。

我一直在开发一个 Shiny 的应用程序，它需要使用 CSS 对一些 Shiny 的小部件进行一些修补。

本质上，我对使用“style =”内联执行此操作之间的区别感到困惑:

column(width = 12, style = "margin-top: 25px", ... )

并使用标签:

tags$style(HTML("{margin-top: 25px;}"))

对我来说，内联看起来更干净，更有意义，并且在我的大多数用例中都有效。尽管我发现一般人似乎都推荐使用 tags$style 方法 - 这是什么原因？

我想网上有一些很好的资源，我可以学习更多关于 css 的知识，这将有助于我提高技能，我希望得到一些建议。

感谢您的帮助。

Answer 1

主要区别在于 tags$style 是一个“全局”样式，而在第一种情况下，您只对列内的内容进行样式设置(这是一个 div 元素)。

推荐使用style，因为你可以给出全局的样式定义，而不是手动调整你创建的所有元素。如果你还愿意学习css，那么你很快就会明白这一点。

我还要说，小型应用程序的最佳做法是创建一个单独的 style.css 文档，您可以在其中定义应用程序的默认值。然后为您想要使用默认异常(exception)的特殊情况保存内联样式(内联“通常”优先于其余部分)。

有很多学习 css 的在线资源。我认为 https://www.w3schools.com/css/ 中涵盖了非常基本的内容.此外，shiny 使用 bootstrap，在这种情况下学习它可能很有趣。