Html tumblr预览以不同于实际站点的方式呈现文本样式

嘿，这太令人沮丧了，我想不出来。我是一个html/css编码新手。这个问题特别与链接和文本样式有关。它在主题预览编辑器中显示正确。。。但是，当我直接从它的url打开我的博客时，它与这里的问题代码不一样

<style type="text/css">

body {
   background: {color:Background} url('{image:Background Image}') 
{text:BackgroundProperties};
    }
.wrapper {
    width: 960px;
    margin: 0px auto;
    padding-top: 25px;
    background-color: white;
    }
 a:link, a:visited {
    text-decoration: none;
    }
 a:hover, a:active {
    text-decoration: none;
    }
.header {
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    background-color: gray;
    }
#logo img {
    margin: 0px;
    padding: 0px;
    text-align: center;
    }
#title {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: {font:Title};
    font-size: {text:HeaderSize};
    color: {color:Title};
    }
#title h1 {
    margin:0px;
    padding:0px;
    text-transform: uppercase;
    color: black;
    }
#title a:link, #title a:visited {
    text-decoration: none;
    }
#title a:hover, #title a:active {
    color: {color:LinksHover};
    }
#title a {
    transition: color .7s;
    -moz-transition: color .7s;
    -webkit-transition: color .7s;
    -o-transition: color .7s;
    }
#nav {
    margin: 0px;
    padding: 0px;
    background-color: blue;
    color: {color:Links};
    font-family: {font:Links};
    letter-spacing: 1.5px;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    word-spacing: 10px;
    text-align: center;
    }
#nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
#nav li {
    display: inline;
    text-transform: uppercase;
    margin: 0px auto;
    padding: 0px;
    }

<div class="header">
    {block:IfLogoImage}
    <div class="header" id="logo"><a href="/#"><img src="{image:Logo}" /></a></div>
    {/block:IfLogoImage}
    {block:IfNotLogoImage}
           <div class="header" id="title"><h1><a href="/#">{Title}</a></h1>
    {/block:IfNotLogoImage}
</div>
    <div class="header">
        <ul id="nav">
            {block:AskEnabled}
                <li><a href="{/ask}" alt="{AskLabel}">{AskLabel}</a></li>           
            {/block:AskEnabled}
            {block:SubmissionsEnabled}
                        <li><a href="{/submit}" alt="Submit">{SubmitLabel}</a></li>
            {/block:SubmissionsEnabled}
            {block:HasPages}
            {block:Pages}
                        <li><a href="{URL}">{Label}</a></li>
            {/block:Pages}
            {/block:HasPages}
                        <li><a href="test link">TestLink</a></li>
                        <li><a href="test link">TextLink2</a></li>
        </ul>
    </div>`

请帮助我，这让我抓狂，网址是

<style type="text/css">

body {
   background: {color:Background} url('{image:Background Image}') 
{text:BackgroundProperties};
    }
.wrapper {
    width: 960px;
    margin: 0px auto;
    padding-top: 25px;
    background-color: white;
    }
 a:link, a:visited {
    text-decoration: none;
    }
 a:hover, a:active {
    text-decoration: none;
    }
.header {
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    background-color: gray;
    }
#logo img {
    margin: 0px;
    padding: 0px;
    text-align: center;
    }
#title {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: {font:Title};
    font-size: {text:HeaderSize};
    color: {color:Title};
    }
#title h1 {
    margin:0px;
    padding:0px;
    text-transform: uppercase;
    color: black;
    }
#title a:link, #title a:visited {
    text-decoration: none;
    }
#title a:hover, #title a:active {
    color: {color:LinksHover};
    }
#title a {
    transition: color .7s;
    -moz-transition: color .7s;
    -webkit-transition: color .7s;
    -o-transition: color .7s;
    }
#nav {
    margin: 0px;
    padding: 0px;
    background-color: blue;
    color: {color:Links};
    font-family: {font:Links};
    letter-spacing: 1.5px;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    word-spacing: 10px;
    text-align: center;
    }
#nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
#nav li {
    display: inline;
    text-transform: uppercase;
    margin: 0px auto;
    padding: 0px;
    }

<div class="header">
    {block:IfLogoImage}
    <div class="header" id="logo"><a href="/#"><img src="{image:Logo}" /></a></div>
    {/block:IfLogoImage}
    {block:IfNotLogoImage}
           <div class="header" id="title"><h1><a href="/#">{Title}</a></h1>
    {/block:IfNotLogoImage}
</div>
    <div class="header">
        <ul id="nav">
            {block:AskEnabled}
                <li><a href="{/ask}" alt="{AskLabel}">{AskLabel}</a></li>           
            {/block:AskEnabled}
            {block:SubmissionsEnabled}
                        <li><a href="{/submit}" alt="Submit">{SubmitLabel}</a></li>
            {/block:SubmissionsEnabled}
            {block:HasPages}
            {block:Pages}
                        <li><a href="{URL}">{Label}</a></li>
            {/block:Pages}
            {/block:HasPages}
                        <li><a href="test link">TestLink</a></li>
                        <li><a href="test link">TextLink2</a></li>
        </ul>
    </div>`

自定义选项的元数据

<style type="text/css">

body {
   background: {color:Background} url('{image:Background Image}') 
{text:BackgroundProperties};
    }
.wrapper {
    width: 960px;
    margin: 0px auto;
    padding-top: 25px;
    background-color: white;
    }
 a:link, a:visited {
    text-decoration: none;
    }
 a:hover, a:active {
    text-decoration: none;
    }
.header {
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    background-color: gray;
    }
#logo img {
    margin: 0px;
    padding: 0px;
    text-align: center;
    }
#title {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: {font:Title};
    font-size: {text:HeaderSize};
    color: {color:Title};
    }
#title h1 {
    margin:0px;
    padding:0px;
    text-transform: uppercase;
    color: black;
    }
#title a:link, #title a:visited {
    text-decoration: none;
    }
#title a:hover, #title a:active {
    color: {color:LinksHover};
    }
#title a {
    transition: color .7s;
    -moz-transition: color .7s;
    -webkit-transition: color .7s;
    -o-transition: color .7s;
    }
#nav {
    margin: 0px;
    padding: 0px;
    background-color: blue;
    color: {color:Links};
    font-family: {font:Links};
    letter-spacing: 1.5px;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    word-spacing: 10px;
    text-align: center;
    }
#nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
#nav li {
    display: inline;
    text-transform: uppercase;
    margin: 0px auto;
    padding: 0px;
    }

<div class="header">
    {block:IfLogoImage}
    <div class="header" id="logo"><a href="/#"><img src="{image:Logo}" /></a></div>
    {/block:IfLogoImage}
    {block:IfNotLogoImage}
           <div class="header" id="title"><h1><a href="/#">{Title}</a></h1>
    {/block:IfNotLogoImage}
</div>
    <div class="header">
        <ul id="nav">
            {block:AskEnabled}
                <li><a href="{/ask}" alt="{AskLabel}">{AskLabel}</a></li>           
            {/block:AskEnabled}
            {block:SubmissionsEnabled}
                        <li><a href="{/submit}" alt="Submit">{SubmitLabel}</a></li>
            {/block:SubmissionsEnabled}
            {block:HasPages}
            {block:Pages}
                        <li><a href="{URL}">{Label}</a></li>
            {/block:Pages}
            {/block:HasPages}
                        <li><a href="test link">TestLink</a></li>
                        <li><a href="test link">TextLink2</a></li>
        </ul>
    </div>`

`

<style type="text/css">

body {
   background: {color:Background} url('{image:Background Image}') 
{text:BackgroundProperties};
    }
.wrapper {
    width: 960px;
    margin: 0px auto;
    padding-top: 25px;
    background-color: white;
    }
 a:link, a:visited {
    text-decoration: none;
    }
 a:hover, a:active {
    text-decoration: none;
    }
.header {
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    background-color: gray;
    }
#logo img {
    margin: 0px;
    padding: 0px;
    text-align: center;
    }
#title {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: {font:Title};
    font-size: {text:HeaderSize};
    color: {color:Title};
    }
#title h1 {
    margin:0px;
    padding:0px;
    text-transform: uppercase;
    color: black;
    }
#title a:link, #title a:visited {
    text-decoration: none;
    }
#title a:hover, #title a:active {
    color: {color:LinksHover};
    }
#title a {
    transition: color .7s;
    -moz-transition: color .7s;
    -webkit-transition: color .7s;
    -o-transition: color .7s;
    }
#nav {
    margin: 0px;
    padding: 0px;
    background-color: blue;
    color: {color:Links};
    font-family: {font:Links};
    letter-spacing: 1.5px;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    word-spacing: 10px;
    text-align: center;
    }
#nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
#nav li {
    display: inline;
    text-transform: uppercase;
    margin: 0px auto;
    padding: 0px;
    }

<div class="header">
    {block:IfLogoImage}
    <div class="header" id="logo"><a href="/#"><img src="{image:Logo}" /></a></div>
    {/block:IfLogoImage}
    {block:IfNotLogoImage}
           <div class="header" id="title"><h1><a href="/#">{Title}</a></h1>
    {/block:IfNotLogoImage}
</div>
    <div class="header">
        <ul id="nav">
            {block:AskEnabled}
                <li><a href="{/ask}" alt="{AskLabel}">{AskLabel}</a></li>           
            {/block:AskEnabled}
            {block:SubmissionsEnabled}
                        <li><a href="{/submit}" alt="Submit">{SubmitLabel}</a></li>
            {/block:SubmissionsEnabled}
            {block:HasPages}
            {block:Pages}
                        <li><a href="{URL}">{Label}</a></li>
            {/block:Pages}
            {/block:HasPages}
                        <li><a href="test link">TestLink</a></li>
                        <li><a href="test link">TextLink2</a></li>
        </ul>
    </div>`

---

你记得打救球吗

<style type="text/css">

body {
   background: {color:Background} url('{image:Background Image}') 
{text:BackgroundProperties};
    }
.wrapper {
    width: 960px;
    margin: 0px auto;
    padding-top: 25px;
    background-color: white;
    }
 a:link, a:visited {
    text-decoration: none;
    }
 a:hover, a:active {
    text-decoration: none;
    }
.header {
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    background-color: gray;
    }
#logo img {
    margin: 0px;
    padding: 0px;
    text-align: center;
    }
#title {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: {font:Title};
    font-size: {text:HeaderSize};
    color: {color:Title};
    }
#title h1 {
    margin:0px;
    padding:0px;
    text-transform: uppercase;
    color: black;
    }
#title a:link, #title a:visited {
    text-decoration: none;
    }
#title a:hover, #title a:active {
    color: {color:LinksHover};
    }
#title a {
    transition: color .7s;
    -moz-transition: color .7s;
    -webkit-transition: color .7s;
    -o-transition: color .7s;
    }
#nav {
    margin: 0px;
    padding: 0px;
    background-color: blue;
    color: {color:Links};
    font-family: {font:Links};
    letter-spacing: 1.5px;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    word-spacing: 10px;
    text-align: center;
    }
#nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
#nav li {
    display: inline;
    text-transform: uppercase;
    margin: 0px auto;
    padding: 0px;
    }

<div class="header">
    {block:IfLogoImage}
    <div class="header" id="logo"><a href="/#"><img src="{image:Logo}" /></a></div>
    {/block:IfLogoImage}
    {block:IfNotLogoImage}
           <div class="header" id="title"><h1><a href="/#">{Title}</a></h1>
    {/block:IfNotLogoImage}
</div>
    <div class="header">
        <ul id="nav">
            {block:AskEnabled}
                <li><a href="{/ask}" alt="{AskLabel}">{AskLabel}</a></li>           
            {/block:AskEnabled}
            {block:SubmissionsEnabled}
                        <li><a href="{/submit}" alt="Submit">{SubmitLabel}</a></li>
            {/block:SubmissionsEnabled}
            {block:HasPages}
            {block:Pages}
                        <li><a href="{URL}">{Label}</a></li>
            {/block:Pages}
            {/block:HasPages}
                        <li><a href="test link">TestLink</a></li>
                        <li><a href="test link">TextLink2</a></li>
        </ul>
    </div>`

---

而且，显示更改可能需要一段时间，因为Tumblr会非常积极地缓存页面模板。

是的，我每次都保存它，但它仍然不会显示相同的内容，我将在编辑器中创建它，然后将静态文件上载到Tumblr，以查看是否有效。。。祝你好运！

<style type="text/css">

body {
   background: {color:Background} url('{image:Background Image}') 
{text:BackgroundProperties};
    }
.wrapper {
    width: 960px;
    margin: 0px auto;
    padding-top: 25px;
    background-color: white;
    }
 a:link, a:visited {
    text-decoration: none;
    }
 a:hover, a:active {
    text-decoration: none;
    }
.header {
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    background-color: gray;
    }
#logo img {
    margin: 0px;
    padding: 0px;
    text-align: center;
    }
#title {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: {font:Title};
    font-size: {text:HeaderSize};
    color: {color:Title};
    }
#title h1 {
    margin:0px;
    padding:0px;
    text-transform: uppercase;
    color: black;
    }
#title a:link, #title a:visited {
    text-decoration: none;
    }
#title a:hover, #title a:active {
    color: {color:LinksHover};
    }
#title a {
    transition: color .7s;
    -moz-transition: color .7s;
    -webkit-transition: color .7s;
    -o-transition: color .7s;
    }
#nav {
    margin: 0px;
    padding: 0px;
    background-color: blue;
    color: {color:Links};
    font-family: {font:Links};
    letter-spacing: 1.5px;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    word-spacing: 10px;
    text-align: center;
    }
#nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
#nav li {
    display: inline;
    text-transform: uppercase;
    margin: 0px auto;
    padding: 0px;
    }

<div class="header">
    {block:IfLogoImage}
    <div class="header" id="logo"><a href="/#"><img src="{image:Logo}" /></a></div>
    {/block:IfLogoImage}
    {block:IfNotLogoImage}
           <div class="header" id="title"><h1><a href="/#">{Title}</a></h1>
    {/block:IfNotLogoImage}
</div>
    <div class="header">
        <ul id="nav">
            {block:AskEnabled}
                <li><a href="{/ask}" alt="{AskLabel}">{AskLabel}</a></li>           
            {/block:AskEnabled}
            {block:SubmissionsEnabled}
                        <li><a href="{/submit}" alt="Submit">{SubmitLabel}</a></li>
            {/block:SubmissionsEnabled}
            {block:HasPages}
            {block:Pages}
                        <li><a href="{URL}">{Label}</a></li>
            {/block:Pages}
            {/block:HasPages}
                        <li><a href="test link">TestLink</a></li>
                        <li><a href="test link">TextLink2</a></li>
        </ul>
    </div>`