Html 自定义带有页眉和页脚图像的闪亮应用程序

我正在通过添加带有嵌入图像的页眉和页脚来定制一个闪亮的应用程序。我已经了解了如何使用

tags$styles

添加图像并自定义它们的位置。我遇到的问题是，当试图通过调整页脚面板顶部的位置来更改图像在页脚中的位置时，我也会更改图像在页眉中的位置。我知道这与CSS的使用有关，所以我想弄清楚的是如何在页眉和页脚之间分离

标记$style

。我不熟悉HTML或CSS，所以在这个过程中我很浮躁。我用于页眉和页脚的代码如下：

tags$header(a(list(tags$style("img {display:inline-block;background-repeat:no-repeat;position:relative;left:20px;z-index:3;}"),tags$img(src="myimage.png", height="110px",width="215px")),href="http://www.link1.com"),
                tags$style("header {background-color: #333333;border-bottom:1px solid #474747;
                           height:90px}") 
tags$div(fluidRow(
  tags$footer(a(list(tags$style("img {display:inline-block;background-repeat:no-repeat;position:relative;left:20px;top:30px;z-index:3;}"),
                     tags$img(src="myimage2.png", height="23px",width="170px")),href="http://www.link2.com"),
              tags$style("footer {background-color: #333333;height:90px}"))))

提前感谢您的帮助