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 上找不到文件

带有通配符的 webpack 外部
如何指示 webpack 排除所有 d3 模块？ // does not work externals: { "d3-*": "d3" } 所以如果应用导入了d3-submod
Scala 外部 => 语法
这个问题在这里已经有了答案: 9年前关闭。 Possible Duplicate: What does “outer =>” really mean? 我在哪里可以找到有关信息 trait After
javascript - 外部 for 循环时的非线性性能
这是一个简单的循环，我正在尝试对性能进行基准测试。 var extremeLoop=function(n){ var time=new Date() var t=0; for(
jquery - 外部+内联样式与仅外部样式
问题+概述下面是两个片段，其中包含最初隐藏的 div，然后通过单击 button 和 jQuery 的 .show() 显示。两个 div 都具有由外部样式表应用的 display: grid; 样
javascript - 外部.js文件获取不到页面元素？
我有一个 HTML 页面和一个单独的 .js 文件，该文件包含在带有的页面中标签。这是我的 .js 文件: element = document.getElementById("test");
类的第二个实现文件中静态字段的 C++ 外部？
我在 linux 静态库项目中有 3 个文件，我想在两个类方法实现文件中使用的静态字段存在链接问题。我有 class1.h、class1main.cpp 和 class1utils.cpp。 clas
javascript - 外部单击以重置颜色？
我正在尝试将颜色背景更改为默认背景颜色，当我点击输入框外我尝试使用“null”或“none”但没有用？ window.addEventListener('click', outsideClick);
Android 文件选择器将音频文件重定向到/外部
我正在编写一个应用程序，要求用户在手机上选择各种类型的文件。我使用此代码启动文件选择器 Intent : Intent intent = new Intent(Intent.ACTION_GET_C
android - 外部-内部存储
在 android 中，不可移动(内部)的外部存储和内部存储有什么区别？我不确定在哪里保存我的数据。我只需要保存一个人可以随时提取的游戏统计数据谢谢最佳答案在许多较新的设备中，将不再有物理区别，
c++ - 外部、链接和全局变量
在 C++ 中，假设我们有这个头文件: myglobals.h #ifndef my_globals_h #define my_globals_h int monthsInYear = 12; #en
C++ 外部/多重定义
我正在尝试使用 externs 在 C++ 中连接到 Ada。这两种实现有什么区别？实现A namespace Ada { extern "C" { int getN
jQuery: 外部 html()
这个问题在这里已经有了答案: Get selected element's outer HTML (30 个答案) 关闭 2 年前。想象一下我们有这样的东西: Hello World 如果我们这样
vb6 - 外部 DLL 应该放在哪里？
假设我在模块的顶部有这个: Public Declare Function getCustomerDetails Lib "CustomerFunctions" () As Long 如果我从 VB6
javascript - 外部 Javascript 文件获取？
我目前正在使用这段代码: var wordRandomizer = { run: function (targetElem) { var markup = this.creat
svn - 如何部署 Subversion 外部？
我们正在使用 SVN 试水，并以 Beanstalk 作为主机。我们的设置如下所示: 存储库:模块模块一模块二模块 3 存储库:网站1 自定义网站代码 svn:对模块 1 的外部引用 svn:对
Kubernetes 外部 ip 负载均衡器裸机
有没有办法在负载均衡器中设置自动外部 IP 分配给像谷歌这样的服务？我在裸机上运行 Kubernetes。谢谢最佳答案使用 nodePort 类型的服务，它会将您的服务绑定(bind)到所有节
symfony - generateUrl 外部 Controller
是否有可能在 Controller 之外使用 generateUrl() 方法？我尝试在带有 $this->get('router') 的自定义存储库类中使用它，但它没有用。更新我在这里找到了一
Angular 作为 Webpack 外部
我目前正在尝试通过 Webpack 外部对象外部化 Angular 依赖项来缩短构建时间。到目前为止，我已经为 React 和其他小库实现了这一目标。如果我只是移动 '@angular/compil
gradle - 创建一个依赖于另一个(外部)插件的Gradle插件
我想创建一个自动应用其他插件的插件(外部插件)。这要求在我称为“应用插件”之前为插件设置构建脚本依赖项。但是似乎我无法在插件中添加buildscript依赖项，或者得到了: 您不能更改处于未解析状态的
r - 创建自定义几何图形来计算汇总统计数据并在绘图区域*外部*显示它们
我是R包的创建者EnvStats . 有一个我经常使用的函数，叫做 stripChart .我刚开始学习ggplot2 ，并在过去几天里仔细研究了 Hadley 的书、Winston 的书、Stack

首页

博学

6Ren·AI

商城

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