Question

这个问题让我觉得自己像个绝对的菜鸟。

这是我的.html文件的头部：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<link href="http://fakedomain.com/smilemachine/html.css" rel="stylesheet"/>
<title>Common Questions</title>
<script language="javascript">

function show(name) {
  document.getElementById(name).style.display = 'block';
}
</script>
</head>

我的html.css文件确实应该是它的位置。但我绝对没有任何造型。救命啊！

请不要因为答案很明显而我无法看到而拒绝投票。

编辑1

好的，现在我只是想在我的机器上本地修复问题。这是头脑：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<link href="cover.css" rel="stylesheet" type="text/css"/>
<title>Common Questions</title>
<script language="javascript">
function show(name) {
  document.getElementById(name).style.display = 'block';
}
</script>
</head>

现在是css：

BODY {
    font-size: 18pt; 
    color:#000fff;  
    font-family: Helvetica; 
    margin: 0 9 9 9;
}

table {
    font-size: 8pt; 
    color:#525252;  
    font-family: Helvetica; 
    margin: 0px;
    border-collapse: separate;
}

th {
    font-size: 10pt; 
    text-align: left;
    color:#550055;  
    font-family: Helvetica; 
    border-color: #999;
    border-width: 0 0 1px 0;
    border-style: dotted;
}

td {
    font-size: 10pt; 
    text-align: left;
    color:#550055;  
    font-family: Helvetica; 
    border-color: #999;
    border-width: 0 0 1px 0;
    border-style: dotted;
}

.left {
    display:inline-block;
    font-size: 10pt; 
    color:#990055;  
    font-family: Helvetica; 
    margin: 0 0 5 0;
}

.right {
    display:inline-block;
    font-size: 18pt; 
    font-weight: bold;
    float: right;
    color:#525252;  
    font-family: Helvetica; 
    margin: 0px;
}

.question {
    display:inline-block;
    font-size: 18pt; 
    font-weight: bold;
    float: right;
    color:#B452CD;  
    font-family: Helvetica; 
    margin: 0px;
}

编辑2

好的，我已经取得了一些进展。萤火虫的建议非常好。我看到CSS文件的链接被读作中文字符。这是UTF编码问题所以我只是在文本编辑器中打开我的文件，然后将它们保存为UTF-16。

但现在它正在从css文件中读取错误的数据！我已经上传了下面的css文件，但是在firebug中它显示了两个衬垫。

我觉得这令人费解！

Answer 1

您确定已加载样式表吗？您可以使用firefox上的Firebug的“网络”标签或浏览器控制台的“网络”标签查看它。
（如果1有效）您是否可以使用简单的样本样式并查看是否已应用（并在控制台中可见）？

Answer 2

尝试：

<link type="text/css" rel="stylesheet" href="http://fakedomain.com/smilemachine/html.css" />

如果这也不起作用，那么请确保该URL可访问，并且内容正是您要查找的内容。

Answer 3

你的CSS文件中是否有错误？括号未公开，缺少分号等？

Answer 4

如果样式表没有以“text / css”的内容类型提供，Firefox可以拒绝该样式表。（这与HTML中的'type="text/css"'声明是分开的。）

Answer 5

复制css文件的网址并将其粘贴到浏览器中。如果它没有加载文件而不是您知道问题在URL中。

Answer 6

我遇到了同样的问题 - 我在索引文件中将文本编码更改为UTF-16，当我尝试在浏览器中加载页面时，我的css文件会显示为空白。我通过大量的试验和错误想出你的html和css文件必须具有相同的编码！我不知道这对你有用，但它对我有用。

Answer 7

由于多种原因，我可能无法加载样式表。但解决此类问题的主要方法如下：

1。加载页面后，按F12打开开发人员控制台。检查控制台是否有任何已记录的错误。

2。然后你应该检查样式表选项卡，看看浏览器加载的样式表列表。

3。您在HTML link标记中使用的网址可能无法访问，因此请手动尝试使用浏览器访问样式表，并查看是否所有内容都正确呈现。

4. HTML或CSS样式表中的任何拼写错误都可能导致加载样式表。

5. 检查<link>标记之前是否发生任何致命错误。致命错误可能会停止正在运行的代码并暂停页面，因此不包括样式表。

希望有所帮助。

Answer 8

我认为问题不在于您发布的样本 - 我们需要查看CSS，或验证其位置等！

但是为什么不尝试将其剥离到一个CSS规则 - 将它放在HEAD部分，然后如果它工作，将该规则移动到外部文件。然后重新介绍其他规则，以确保没有任何遗漏或优先于您的CSS。

Answer 9

我有这样的问题！我能够在

之后修复它

步骤1＆gt;＆gt;来自Abraar Arique的帖子，我进入了控制台＆gt;＆gt;在样式编辑器下，发现Firefox没有加载我的css文件的更新副本。

我清除了所有历史记录并重新加载页面然后我的问题得到解决。

Answer 10

给你的新人伙伴们！

在我的Gulp缩小过程中

<!-- build:css /css/project-mini.css -->
    <link rel="stylesheet" href="css/main.css"/>
    <link rel="stylesheet" href="css/splash.css"/>
    <link rel="stylesheet" href="css/header.css"/>
    <link rel="stylesheet" href="css/print.css" media="print"/>
<!-- endbuild -->

最后一个CSS文件用于打印，生成的输出给了我

    <link rel="stylesheet" href="css/project-mini.css" media="print"/>

因为media =“print”所有CSS规则都被跳过了！

Answer 11

这个错误很有趣

看起来，我认为错误出在脚本函数中，兄弟。

document.getElementByIt('name')

节点必须在引号内。

如果您的样式表已链接，这将适用于脚本。

此外，对于样式，您可以尝试内联 CSS 或在 .HTML 文件中创建标签并将所有样式放在那里。

Answer 12

我的 html 文件中有错误。似乎代码编辑器不会捕获 html 标记错误。在编辑 html 文件时，我的编辑器为我错过的输入添加了一个结束标记。删除它解决了我的问题，现在正在加载 CSS 文件。

Answer 13

我不知道是否有人首先加载RESET.CSS：

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

Answer 14

就我而言，问题在于媒体选项：

<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />

我通过移除它来解决：

<link rel="stylesheet" type="text/css" href="css/style.css"/>

Answer 15

我正在使用Wordpress，并将样式表设置为进入页脚

wp_enqueue_style(
        'editor-css',
        $stylesheet_directory_uri . '/assets/css/editor.css',
        ['wp-edit-blocks'],
        null,
        true   // $in_footer
    );
}

这导致将media="1"属性添加到<link>标记中，并导致样式表已加载但未应用。

将参数更改为false并可以立即使用

Answer 16

我遇到了同样的问题，并且我对两个文件都使用了UTF-8编码，如下所示：

在 CSS文件中添加@charset "UTF-8";，并在 HTML文件中<meta charset="UTF-8">标签下添加<head>。对我有用。

它对文件（即HTML和CSS）进行相同的编码。

您也可以对“ UTF-16”编码执行相同的操作。
如果仍然无法正常工作，请检查HTML文件中<link type="text/css" rel="stylesheet" href="style.css"/>标签下的<head>，在其中应提及type="text/css"

Answer 17

我有另一个。我命名了我的css文件：default.css。它不会加载。当我试图在浏览器中查看它时显示一个空页。

我将名称更改为default_css.css并开始工作。

Answer 18

我遇到了同样的问题，上传到网络服务器时，中文字符出现在firefox中，但是没有出现在localhost上。我将css文件的内容复制到一个新的文本文件中。一切正常。必须是某种类型的unicode / encoding错误。

Answer 19

如果您的网址正常并正确加载文件，并且您已说过添加正确的

<link rel="stylesheet" type="text/css" href="yourlink.css">

代码没有修复它，那么唯一的另一个问题是它在实际的.css文件中是一个错误。并就此提出建议，我们需要查看该文件。

您可以做的是在HTML中写一个基本<div>标记，在现有文件中添加基本CSS规则，然后查看是否可以使用新的CSS规则影响此标记。

Answer 20

http://fakedomain.com/smilemachine/html.css标记中的网址<link>错误。文件未找到。

Answer 21

我认为你错过了type="text/css"。

css文件可能无法正常工作的完整列表

21 个答案: