指向css文件的链接在chrome和opera中不起作用，在firefox中起作用答案

【问题标题】：link to css file do not work in chrome and opera and work in firefox指向css文件的链接在chrome和opera中不起作用，在firefox中起作用
【发布时间】：2014-05-04 04:36:21
【问题描述】：

我有以下css文件的链接

<head>
    <link rel="stylesheet" href="css/stylesheet.css" />
</head>
<body>
    <a href="index.php"><img src="images/logo/logo.png" alt="pokemonroad logo" width="270px" height="135px" /></a>
    <img src="images/banner.png"  class="banner"/>
</body>

它工作正常，但现在无法在所有浏览器中看到 css/stylesheet.css。

【问题讨论】：

A <link> tag can occur only in the head element
您的文件中还有其他代码吗？
我刚刚创建了一个文件，代码工作正常......
当您在 Chrome 中右键单击并选择“检查元素”时，您是否看到 Sources 选项卡中列出的样式表？
当我检查时没有列出样式表。现在也不能在 Firefox 中工作。这是代码中的一些严重问题。

标签： html css google-chrome firefox opera

【解决方案1】：

使用 Chrome 开发工具（右键单击并选择“检查元素”）在 Sources 选项卡中查找样式表。如果您没有看到它，请转到 Chrome 开发工具中的网络标签并刷新页面。查找表示文件加载失败的红色文本。

也就是说，如果一切正常，您通常会将样式表添加到页面中。首先，你应该把type="text/css" 作为一个属性放在那里。更重要的是，把它放在文档的头部：

<html>
<head>
<link rel="stylesheet" href="css/stylesheet.css" type="text/css"/>
</head>
<body>
    <a href="index.php"><img src="images/logo/logo.png" alt="pokemonroad logo" width="270px" height="135px" /></a>
    <img src="images/banner.png"  class="banner"/>
</body>
</html>

【讨论】：

那不是我刚刚通过在本地系统上创建文件检查的问题。

【解决方案2】：

可能缺少type 和media 您拥有 CSS 文件的目录必须是您正在调用的文件的子目录

<head>
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css" media="screen, print"/>
</head>
<body>
    <a href="index.php"><img src="images/logo/logo.png" alt="pokemonroad logo" width="270px" height="135px" /></a>
    <img src="images/banner.png"  class="banner"/>
</body>

【讨论】：

元素不需要类型和媒体属性。
是的，我的文件在主文件夹中，stylesheet.css 在 css 文件夹中。
@WearFox 当我放置 css/stylesheet.css 的完整路径时，它给出了错误：您的 SQL 语法有错误；检查与您的 MySQL 服务器版本相对应的手册，以在第 5 行的“²Ü¥zÈ^z×”附近使用正确的语法
MySQL? ammm MySQL 是另一种代码...你能把所有代码都放上去吗...错误不在 HTML 文件中...可能在您正在调用的其他文件中