Question

我有以下指向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。

Answer 1

使用Chrome开发工具（右键单击并选择“检查元素”）以在来源标签中查找样式表。如果您没有看到，请转到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>

Answer 2

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

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>

链接到css文件在chrome和opera中不起作用并在firefox中工作

2 个答案: