R SHiny-内联CSS和自定义CSS之间的区别

时间:2019-04-02 04:04:08

标签: html css r shiny

很抱歉,如果有人在其他地方提出并回答了这个问题(我已经搜索过,但找不到解决方案)。警告,我的HTML经验为零或很少。

我一直在开发一个闪亮的应用程序,该应用程序需要使用css修改一些闪亮的小部件。

本质上,我对于使用“ style =”进行内联处理之间的区别感到困惑:

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

并使用标签:

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

对我来说,内联看起来更干净,更有意义,并且在我的大多数用例中都可以正常工作。尽管我似乎总的来说建议使用tag $ style方法-这是什么原因?

我想在线上有一些不错的资源,我可以学习更多有关css的知识,这些知识将有助于我的闪亮技能,我很乐意提供一些建议。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

基本上,区别在于tags$style是一种“全局”样式,而在第一种情况下,您仅对列中的内容(这是div元素)进行样式设计。

建议使用样式,因为您可以提供全局样式定义,而不是手动调整所有创建的元素。如果您仍然愿意学习CSS,那么您将很快理解这一点。

我还要说,小型应用程序的最佳实践是创建一个单独的style.css文档,在其中定义应用程序的默认值。然后将内联样式保存为特殊情况,在这种情况下,您想使用默认值的例外(内联“通常”优先于其余样式)。

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