Html 样式表未显示在div id选项卡中？

这是我网页上的代码，我试图让我的样式表显示在TAB1上，上面写着“Hello！”，但它没有显示。要在TAB1中显示来自Pastebin的样式表，需要做哪些更改？我过去能够做到这一点，但现在我不确定我在这里做错了什么

我的网页上的字符非常有限，所以我必须使用Pastebin将我所有的文字放入我的页面，因为我只剩下2000-2200个字符可以使用，这肯定只足以进行编码，而不是在我将要制作的每个选项卡上设置一堵文字墙

<style>

    body{
    color:#000000;
    font-size:13px;
    font-family:Ebrima;
    background-image: url() !important;
    background-color:#FFFFFF !important;
    background-position:bottom-center !important;
    background-repeat:repeat !important;}

    h1{
    margin:0px 0px 0px;
    font-size: 10px;
    color:#FF0000;
    font-family:Ebrima;
    letter-spacing:0px;
    font-weight:normal;
    text-shadow: 0px 0px 2px #880000;}

    b, strong { font-family: Ebrima; font-size: 12px;line-height: 10px; font-weight: bold;
    color: #FF5555;}

    i, em {color:#FF0000; font-family: Ebrima; font-size:12px;}

    #navi{
    display: inline;
    padding:40px;
    color:#444444;
    text-transform: uppercase;
    margin: 12px 10px;
    font-size: 15px;
    font-family:Garamond;
    background: #;
    transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;}

    #navi:hover{
    color:#FF0000;
    cursor:hand;
    cursor:pointer;
    opacity: .80;
    font-size:14px;
    font-family:Garamond;
    filter:alpha(opacity=80);
    transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;}

    #A{
    left:0px;
    width: 100%;
    top:15px;
    padding: 0px;
    text-align: center;
    position: fixed;
    height: 0px;
    background:url('http://i.imgur.com/TebRLUr.png');}

    #B{margin-top:150px;}

    #C{
    position:fixed;
    bottom:0px;
    left:20px;
    width:99%;
    height:70%;
    background-color:#;
    color:#ffffff;
    padding:0px;
    overflow:auto;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px; }

    ::-webkit-scrollbar {width: 6px; height: 4px; background: #; }
    ::-webkit-scrollbar-thumb { background-color: #222222; border: 1px solid #000000;-webkit-border-radius: 1ex; }


    #navi a{
    text-decoration:none;
    color:#666;}

    #navi a:hover{
    text-decoration:none;
    color:#666;}

    </style>



    <div id="A">
    <div id="B">
    <span id="navi" onclick="document.getElementById('start').innerHTML=document.getElementById('a').innerHTML;">TAB1</span>
    </div>
    </div>





    <div id="C">
    <div id="start">

<font color="#FF0000">This is the opening page!</font>

    </div>

    <div id="a" style="display:none;">

<font color="#FF0000">This is TAB1!</font>

<br>

<link rel="stylesheet" type="text/css" href="http://pastebin.com/raw.php?i=faJtrCxF">

<br>

<font color="#FF0000">The stylesheet will not display inside of this tab. Why?</font>


    </div>
</style>

身体{
颜色：#000000；
字体大小：13px；
字体系列：Ebrima；
背景图像：url（）！重要；
背景色：#FFFFFF！重要；
背景位置：底部中心！重要；
背景重复：重复！重要；}
h1{
保证金：0px 0px 0px；
字体大小：10px；
颜色：#FF0000；
字体系列：Ebrima；
字母间距：0px；
字体大小：正常；
文本阴影：0px 0px 2px#880000；}
b、 strong{字体系列：Ebrima；字体大小：12px；行高：10px；字体大小：粗体；
颜色：#FF5555；}
i、 em{color:#FF0000；字体系列：Ebrima；字体大小：12px；}
#纳维{
显示：内联；
填充：40px；
颜色：#4444；
文本转换：大写；
利润率：12像素10像素；
字体大小：15px；
字体系列：Garamond；
背景：#；
过渡：all.2s；
-o-过渡：均为0.2s；
-webkit转换：all.2s；
-moz转换：all.2s；}
#导航：悬停{
颜色：#FF0000；
光标：手；
光标：指针；
不透明度：.80；
字体大小：14px；
字体系列：Garamond；
过滤器：α（不透明度=80）；
过渡：all.2s；
-o-过渡：均为0.2s；
-webkit转换：all.2s；
-moz转换：all.2s；}
#A{
左：0px；
宽度：100%；
顶部：15px；
填充：0px；
文本对齐：居中；
位置：固定；
高度：0px；
背景：url（'http://i.imgur.com/TebRLUr.png');}
#B{页边顶部：150px；}
#C{
位置：固定；
底部：0px；
左：20px；
宽度：99%；
身高：70%；
背景色：#；
颜色：#ffffff；
填充：0px；
溢出：自动；
-moz边界半径：10px 10px 10px 10px；
-webkit边界半径：10px 10px 10px 10px；
边界半径：10px 10px 10px 10px；}
：-webkit滚动条{宽度：6px；高度：4px；背景：#}
：：-webkit滚动条拇指{背景色：#2222222；边框：1px实心#000000；-webkit边框半径：1ex；}
#纳维a{
文字装饰：无；
颜色：#666；}
#导航a：悬停{
文字装饰：无；
颜色：#666；}
表1
这是第一页！
这是TAB1！




样式表不会显示在此选项卡内。为什么？

---

正如你提到的那样，它会起作用的

问题与您的其他Pastebin中的问题相同，它不会生成有效的CSS文件，而是文本文件

这样想吧。您的网站从扩展名为.css的文件中解释您的样式
如果这个文件不是.css，而是其他文件，它将无法工作

Pastebin不会将您的代码导出为.css，即使其中的内容是有效的css代码。原因是他们提供的服务不是托管，而是一种共享代码片段的方式，这就是为什么他们只将您在那里创建的内容导出为文本文件

使用Pastebin无法执行您想要执行的操作

css托管在其他地方是否有特殊原因？这通常不是一个好主意，除非您想使用CDN服务

---

PD：不要使用

标记，这已被弃用。使用

，

，

的组合，并在需要特定样式时向它们添加类。

我已经编辑了我的问题。为什么这是个问题还不够清楚。我不能使用它，因为如果我通过我的网页做所有的工作，我的空间就会用完。请再读一遍问题，对不起！网页什么时候受到charecters的限制？css声明应该始终位于head标记内，而不是文档正文中。字体也不是一个有效的标记。然后，如果这是页面的整个html，那么您将丢失有效html结构的许多部分。最后但并非最不重要的一点是，您正在尝试将php页面嵌入css标记中。你能再解释一下你想要达到的目标吗？对不起，也许我用错词了。此代码用于社交媒体网站上的个人资料，我称之为我的网页，因为我控制个人资料的显示方式。当我编码我的个人资料时，我的角色是有限的，我现在正在练习。无论如何，我试图实现的是显示文本“Hello！”这是我使用样式表的Pastebin链接中的文本，我需要对其进行哪些更改才能在中显示“Hello”？Pastebin链接位于代码中。这里是：@JordanEvans well 1，如果它被解读为css，你就不能让hello显示，你在页面底部有一个额外的样式标签，基本上，你试图完成的，无法完成……好吧，谢谢你澄清这件事。我想从现在起我会使用代码笔。@Daemedeor哦，不，我没有打算使用代码笔，我是指1C冈扎在我的另一个问题上提到的。但是，是的，我知道我想做的事情现在无法实现。我得重新开始了，谢谢你帮助大家。我知道如何解决这个问题，我只需要在Photoshop中创建一个透明的PNG图像，并在图像中写入我的文本，然后将其保存到一个图像托管网站，它不会是文本，但至少可以阅读。哈哈。

#navi:after{
   content:"Hello";
}