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

Eri*_*tto 28 html css

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

这是我的.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>
Run Code Online (Sandbox Code Playgroud)

我的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>
Run Code Online (Sandbox Code Playgroud)

而现在的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;
}
Run Code Online (Sandbox Code Playgroud)

编辑2

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

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

我觉得这个莫名其妙!

Niv*_*vas 25

  1. 你确定加载了样式表吗?您可以使用firefox上的Firebug的"Net"选项卡或浏览器控制台的"网络"选项卡查看它.

  2. (如果1有效)你可以有一个简单的样本样式,看看是否应用(并在控制台中可见)?

  • 我的 CSS 不起作用,因为从网络获取代码时粘贴了一个奇怪的隐形字符。我通过检查以下站点中的 CSS 找到了它:https://jigsaw.w3.org/css-validator/ 我只是在新文件中手动重写了代码,一切正常。 (2认同)

She*_*hef 6

尝试:

<link type="text/css" rel="stylesheet" href="http://fakedomain.com/smilemachine/html.css" />
Run Code Online (Sandbox Code Playgroud)

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

  • 我的猜测是样本中缺少的type ="text/css". (2认同)

Mat*_*son 6

如果样式表的内容类型不是“text/css”,Firefox 可以拒绝它。(这'type="text/css"'与 HTML 中的声明是分开的。)


Rex*_*rus 6

就我而言,问题出在媒体选项上:

<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
Run Code Online (Sandbox Code Playgroud)

我通过删除它解决了:

<link rel="stylesheet" type="text/css" href="css/style.css"/>
Run Code Online (Sandbox Code Playgroud)


bre*_*nac 5

可能是你的CSS文件中有错误吗?括号未公开,缺少分号等?


小智 5

我遇到了同样的问题 - 我将索引文件上的文本编码更改为 UTF-16,当我尝试在浏览器中加载页面时,我的 css 文件将显示为空白。经过多次尝试和错误,我发现你的 html 和 css 文件必须具有相同的编码!我不知道这对你是否有用,但对我有用。


Abr*_*nto 5

由于多种原因,样式表可能无法加载。但解决此类问题的主要思路如下:

  1. 加载页面后,按F12打开开发者控制台。检查控制台是否有任何记录的错误。

  2. 然后您应该检查“样式表”选项卡并查看浏览器加载的样式表列表。

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

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

  5. 检查标记之前是否出现致命错误<link>。致命错误可能会停止运行代码并挂起页面,从而不包括您的样式表。