Html css文件可能无法工作的原因的完整列表_Html_Css

Html css文件可能无法工作的原因的完整列表

html css

Html css文件可能无法工作的原因的完整列表,html,css,Html,Css,以下是my.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 la

以下是my.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>

好吧，我取得了一些进展。firebug的建议真的很好。我看到CSS文件的链接被解读为汉字。这是UTF编码问题，所以我只是在文本编辑器中打开文件，然后将它们保存为UTF-16

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

试试：

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

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

可能是您的CSS文件中有错误吗？括号未闭合，分号丢失等？

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

但是为什么不试着把它分解成一个CSS规则呢？把它放在HEAD部分，如果可行的话，把这个规则移到外部文件中。然后重新引入其他规则，以确保没有任何内容丢失或优先于CSS。

复制CSS文件的url并将其粘贴到浏览器中。如果它没有加载文件，那么您知道问题出在url中

您确定样式表已加载吗？您可以使用firefox上Firebug的“网络”选项卡或浏览器控制台的“网络”选项卡查看它

（如果1起作用）您是否可以拥有一个简单的示例样式，并查看是否应用了该样式（并且在控制台中可见）

我的简单想法是你错过了URL

type=“text/css”

http://fakedomain.com/smilemachine/html.css

标记中的

错误。找不到文件
 如果样式表没有“text/css”内容类型，Firefox可以拒绝该样式表。（这与HTML中的'type=“text/css”
声明是分开的。）
如果您的URL正常工作并正确加载了文件，并且您已经说过添加正确的

代码没有修复它，那么唯一的另一个问题就是它是实际的.css文件中的一个错误。为了给你提供建议，我们需要看一下文件
不过，您可以在HTML中编写一个基本的
标记，在现有文件中添加一个基本的CSS规则，然后看看你是否能用新的CSS规则影响这个标签。
我也有同样的问题-我在索引文件中将文本编码更改为UTF-16，当我尝试在浏览器中加载页面时，CSS文件将显示为空白。经过多次尝试和错误，我发现您的html和css文件必须具有相同的编码！我不知道这是否对你有效，但对我有效。
我也有同样的问题，在firefox上传到web服务器时，汉字出现在firefox中，但在localhost上没有。我将css文件的内容复制到一个新的文本文件中。现在都在工作。一定是某种unicode/编码错误。
I样式表可能由于几个原因而无法加载。但解决这一问题的主要途径如下：
一,。加载页面后，按F12打开开发者控制台。检查控制台是否有任何记录的错误
二,。然后，您应该检查样式表选项卡并查看浏览器加载的样式表列表
三,。您在HTML链接中使用的URL可能无法访问，因此请尝试使用浏览器手动访问样式表，查看是否所有内容都正确呈现
四,。HTML或CSS样式表中的任何输入错误都可能导致样式表无法加载
五,。在标记前检查是否出现致命错误。致命错误可能会停止运行代码并挂起页面，因此不包括样式表
希望能有帮助。
我遇到过这样的问题！我能在下面修复它
步骤1>>从Abrar Arique post，我进入控制台>>进入样式编辑器，发现Firefox没有加载我的css文件的更新副本
我清除了所有历史记录并重新加载页面，然后我的问题得到了解决。
我也遇到了同样的问题，但原因是css中的样式被包装在一个不存在的ID中
#navi ul{
    color: red;
}

#navi选择器不在HTML中，因为我在编写CSS之前忘记添加它。
在我的例子中，我使用更少的文件，所以我像这样嵌套它
#navi{
    ul{
       color:red;
   }
}

我希望这有助于在事情不顺利时重新检查
为你们准备一个新的
在我的吞咽缩小过程中
<!-- 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规则都被跳过了
 我还有一个。我将我的css文件命名为：default.css。它不会加载。当我试图在浏览器中查看它时，它显示了一个空页面
我将名称更改为default_css.css，它开始工作
我也有同样的问题，我对我的两个文件都使用了UTF-8编码，如下所示：
添加@charset“UTF-8”和HTML文件中的标签下的。
这对我很有效
它对两个文件（即HTML和CSS）进行相同的编码
您也可以对“UTF-16”编码执行相同的操作

如果它仍然不起作用，请检查HTML文件中
标记下的
，您应该在该标记中提及type=“text/css”

我使用的是Wordpress，样式表设置为在页脚排队
wp_enqueue_style(
        'editor-css',
        $stylesheet_directory_uri . '/assets/css/editor.css',
        ['wp-edit-blocks'],
        null,
        true   // $in_footer
    );
}

这导致media=“1”
属性被添加到
标记中，并导致样式表被加载但未应用
将参数更改为false且其现在工作在我的情况下，问题在于媒体选项：
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />



我通过删除它来解决：
<link rel="stylesheet" type="text/css" href="css/style.css"/>

我不知道是否有人正在加载first RESET.CSS：

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

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