html - 未应用外部 CSS，但粘贴为内部时相同的代码有效-6ren

html - 未应用外部 CSS，但粘贴为内部时相同的代码有效

转载作者：太空宇宙更新时间：2023-11-04 11:55:56

25

4

我是一名新手，正在通过在线教程学习 html/css 的方法。直到现在，我遇到了一个我不太清楚的小问题，并且我已经尝试过从这个网站和更多网站上对类似问题的建议。

正如标题所说，我的外部 css 文件似乎根本不起作用，尽管如果我在内部应用它，上述代码工作正常。我一直在重新阅读代码，试图找出错误，但即使是 css lint 和 codepen 似乎也只是说我有过多的元素，除此之外没有太多。我试过只使用类名，例如.Attack 而不是 td.Attack，但这没有帮助。

html 基本上是一个包含一些图像的表格，我只是想应用一个样式表。这里是 tcgdatabase.css

body {
    background-color:transparent;
    }

p {
    color:#2E2435;
    text-align:justify;
    }

td {
    text-align:left;
    }
td.Name {
    text-align:left;
    width:250px;
    font-size:30px;
    font-weight:bold;
    }
td.Type {
    width:50px;
    }
td.Stage {
    text-align:left;
    width:120px;
    font-size:15px;
    font-weight:bold;
    }
td.HP,td.AP {
    width:50px;
    font-style:italic;
    font-size:30px;
    }
span.Points {
    font-size:15px;
    }
td.Attack,td.BaseDamage {
    height:30px;
    font-weight:bold;
    font-size:20px;
    }
td.Effect,td.Flavour {
    text-align:justify;
    }
td.WRR,td.WRRType {
    height:20px;
    font-weight:bold;
    }
th {
    text-align:center;
    }

这是 html 页面，我什至将 css 放在里面，以显示我是如何在内部添加它的:

<!DOCTYPE html>
    <html lang="en-GB">
        <head>
            <title>oddities</title>
            <meta charset="UTF-8">
            <link ref="stylesheet" type="text/css" href="file:///C:/Users/Admin/Documents/TCG/JBSet1/tcgdatabase.css">
            <!--<style>
body {
    background-color:transparent;
    }

p {
    color:#2E2435;
    text-align:justify;
    }

td {
    text-align:left;
    }
td.Name {
    text-align:left;
    width:250px;
    font-size:30px;
    font-weight:bold;
    }
td.Type {
    width:50px;
    }
td.Stage {
    text-align:left;
    width:120px;
    font-size:15px;
    font-weight:bold;
    }
td.HP,td.AP {
    width:50px;
    font-style:italic;
    font-size:30px;
    }
span.Points {
    font-size:15px;
    }
td.Attack,td.Base Damage {
    height:30px;
    font-weight:bold;
    font-size:20px;
    }
td.Effect,td.Flavour {
    text-align:justify;
    }
td.WRR,td.WRRType {
    height:20px;
    font-weight:bold;
    }
th {
    text-align:center;
    }
            </style>-->
        </head>
        <body>
            <table style="width:100%">
                <tr>
                    <td rowspan="9" style="width:420px"><img src="CacturneR.png" style="width:350px"></td>
                    <td class="Type"><img src="Energy Types/Dark.png" style="width:40px"></td>
                    <td class="Stage">Legendary</td>
                    <td class="Name">Yveltal</td>
                    <td class="HP">110<span class="Points">HP</span></td>
                    <td class="AP">0<span class="Points">AP</span></td>
                </tr>
                <tr>
                    <td class"AttackCost" colspan="2">
                        <img src="Energy Types/Dark.png" style="width:30px">
                        <img src="Energy Types/Colourless.png" style="width:30px">
                    </td>
                    <td class="Attack" colspan="2">Take In</td>
                    <td class="BaseDamage"><td>
                </tr>
                <tr>
                    <td class="Effect" colspan="5">
                        Attach up to 3 Pokémon from your hand to this Pokémon and heal 10 damage from this 
                        Pokémon times the number of Pokémon cards just attached in this way. Each Pokémon attached 
                        in this way provides 1 Energy of their type at a time (If they have more than 1 type, 
                        they provide Energy of each of their types, but only 1 at a time).
                    </td>
                </tr>
                <tr>
                    <td class"AttackCost" colspan="2">
                        <img src="Energy Types/Dark.png" style="width:30px">
                        <img src="Energy Types/Dark.png" style="width:30px">
                        <img src="Energy Types/Colourless.png" style="width:30px">
                        <img src="Energy Types/Colourless.png" style="width:30px">
                    </td>
                    <td class="Attack" colspan="2">Riot Ballista</td>
                    <td class="BaseDamage"><td>
                </tr>
                <tr>
                    <td class="Effect" colspan="5">
                        Discard 1 card attached to this Pokémon. If that card is a Pokémon, this 
                        attack does damage equal to the discarded Pokémon's HP. If it is not a 
                        Pokémon, this attack does 50 damage and this Pokémon does 50 damage to 
                        itself.
                    </td>
                </tr>
                <tr>

                    <td class="WRRType"><img src="Energy Types/Fairy.png" style="width:25px"></td>
                    <td class="WRR">weakness: x2</td>   
                    <td class="Flavour" colspan="3" rowspan="3">
                        "This terrible beast has long since turned a blind eye to the havoc it 
                        wreaks in its wake" - Anon.
                    </td>
                <tr>
                    <td class="WRRType"><img src="Energy Types/Fighting.png" style="width:25px"></td>                   
                    <td class="WRR">resistance: -20</td>
                </tr>
                <tr>                    
                    <td class="WRRType"><img src="Energy Types/colourless.png" style="width:25px"></td>                 
                    <td class="WRR">retreat cost: x2</td>   
                </tr>
                <tr>
                    <td class="Illus" colspan="3">Illus. NavaskaIII</td>
                    <td class="SetNumber">??/??</td>
                    <td class="Rarity">UR</td>
                </tr>
            </table>
        </body>
    </html>

我觉得我遗漏了一些非常明显的东西，非常感谢您的帮助!

最佳答案

在您的链接元素中更改 ref="样式表"到 rel="样式表"

注意'f'应该是'l'

关于html - 未应用外部 CSS，但粘贴为内部时相同的代码有效，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30246725/

25

4

0

文章推荐： html - Flexbox 调用不起作用

文章推荐： c++ - 你能在Visual C++中找到一个值的实际数量吗？

文章推荐： css - 使用媒体查询隐藏移动设备上的内容

文章推荐： linux - screen 在 ArchLinux 上找不到文件

html - img 在 foreignObject 内部在 svg 内部在 img 内部
这是我的测试用例。 http://tobeythorn.com/isi/dummy2.svg http://tobeythorn.com/isi/isitest.html 如果我自己打开 svg，内部
html - img 在 foreignObject 内部在 svg 内部在 img 内部
这是我的测试用例。 http://tobeythorn.com/isi/dummy2.svg http://tobeythorn.com/isi/isitest.html 如果我自己打开 svg，内部
sql - EXISTS 内部 CASE 内部 AGGREGATE FUNCTION
我正在尝试做类似的事情: SELECT SUM( CASE WHEN ( AND EXISTS(SELECT 1
javascript - 内部 ng-repeat 内部 ng-repeat
我想问如何在外部 ng-repeat 内部正确使用内部 ng-repeat: 这意味着你想使用这样的东西: {{milestone.id}} {{
php - 来自(内部 - 内部)wordpress 仪表板的自定义 css 样式
我希望在 wordpress 的仪表板内编辑 css 样式并且如果可能的话不必编辑 php 文件。我知道至少可以编辑一些属性，所以我希望我可以直接在仪表板中编辑所有属性。更具体地说如何更改自定义类
hadoop - Hadoop copyFromLocal 是否创建 2 个副本？ - 1 个在 hdfs 内部，其他在 datanode 内部？
我在安装在 windows10 上的 vmware 中的 Ubuntu 上安装了伪分布式独立 hadoop 版本。我从网上下载了一个文件，复制到ubuntu本地目录/lab/data 我在 ubun
sql - IF 内部 WHERE 与存储过程
我有一个如下所示的 WHERE 语句: WHERE ((@Value1 IS NULL AND [value1_id] IS NULL) OR [value1_id] = ISNULL(@Va
sql - IF 内部 WHERE 与存储过程
我有一个如下所示的 WHERE 语句: WHERE ((@Value1 IS NULL AND [value1_id] IS NULL) OR [value1_id] = ISNULL(@Va
.net - 对声明为友元的类进行单元测试(内部)
在我的一些测试帮助程序代码中，我有一个名为 FakeDbSet(Of T) 的 IDbSet(Of T) 实现，它模拟了许多 EF 行为，但没有实际的数据库。我将类声明为 Friend ，因为我想强制
Cassandra 批量插入操作，内部
我正在寻找 Cassandra/CQL 的常见 SQL 习语 INSERT INTO ... SELECT ... FROM ... 的表亲。并且一直无法找到任何以编程方式或在 CQL 中执行此类操作
java - 内部 while 循环永远不会完成
如何防止内部 while 循环无限运行？问题是，如果没有外部 while 循环，内部循环将毫无问题地运行。我知道它必须对外循环执行某些操作，但我无法弄清楚是什么导致了问题。 import java.u
C++ union 内部
我正在努力学习更多有关 C++ 的知识，但在国际象棋程序中遇到了一些代码，需要帮助才能理解。我有一个 union ，例如: union b_union { Bitboard b; st
php - 内部 while 循环不工作
这是我项目网页中的代码片段。这里我想显示用户选择的类别，然后想显示属于该类别的主题。在那里，用户可以拥有多个类别，这没有问题。我可以在第一个 while 循环中打印所有这些类别。问题是当我尝试打印主题
java - 内部 JFrame
我想知道如何在 swing 中显示内部框架。这意味着，当需要 JFrame 时，通常我所做的是， new MyJFrame().setVisible(true); 假设之前的表单也应该显示。当显示这个
Python 内部 - 对象如何知道全局变量？
我最近发现了一些有趣的行为，这让我想知道对象如何知道存在哪些全局变量。例如，假设我有一个文件“test.py”: globalVar = 1 toDelete = 2 class Test(objec
javascript - 将元素拖放到谷歌地图外部/内部
我知道它已经在这里得到回答: google maps drag and drop objects into google maps from outside the Map ,但这并不完全是我所需要的
JavaScript 内部 HTML
我目前正在学习Javascript DOM和innerHTML，发现在理解innerHTML方面存在一些问题。这是我的代码:http://jsfiddle.net/hphchan/bfjx1w70/
c++ - 内部/外部标题分离
我构建了一个布局如下的库: lib/ private_class_impl.cc private_class_decl.h public_class_impl.cc include/
html - 缩小列边距(内部)
我有一个使用 bootstrap 3 的组合 wordpress 网站。它基本上是一个图像网格。当屏幕展开时，它会从三列变为四列。移动时它是一列。我想出了如何调整图像的顶部和底部边距，但我希望图像的
c - 内部 for 循环被忽略
我正在试用 MSP-EXP430G2 的教程程序，使用 Code Composer Studio 使 LED 闪烁。最初，它有一个闪烁的无限循环: for(;;) // This emp

首页

博学

6Ren·AI

商城

html - 未应用外部 CSS，但粘贴为内部时相同的代码有效