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

Question

如果此问题已在其他地方提出并回答，我们深表歉意（我已经搜索过但找不到解决方案）。警告，我几乎没有 HTML 经验。

我一直在开发一个闪亮的应用程序，它需要使用 css 对一些闪亮的小部件进行一些修改。

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

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

并使用标签：

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

对我来说，内联看起来更干净、更有意义，而且在我的大多数用例中都可以正常工作。虽然我认为一般人们推荐 tags$style 方法 - 这是什么原因？

我想网上有一些很好的资源可以让我了解更多关于 css 的信息，这将有助于我的闪亮技能，我希望得到一些建议。

感谢您的帮助。

Answer 1

区别基本上在于tags$style 是一种“全局”样式，而在第一种情况下，您只设置列内的样式（即div 元素）。

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

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

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