Question

这里有完整的总菜鸟。我的外部样式表在IE9中完美运行，但在Chrome中根本不起作用。这是HTML。

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<link rel="stylesheet" href="default.css" />
</head>

<title>DCE</title>

</head>

<body>

<a href="index.html">
<img src="Images\logo.png" alt="Logo" width="50%" height="50%">
</a> 

<br>

<hr style="height:5px">
<embed height="50" width="100" src="Theme.mp3">

<ul>ABC
<a href="pages\aboutus.html"><li>Z</li></a> 
<a href="pages\AAAA.html"><li>Y</li></a> 
</ul>

<h2>X</h2>

<p>Blah</p>
<p>Blah</p>


</body>

</html>

可怕的CSS。

h1 {color:#e03d89;}
body {background-image:url(Images/Background.png);}
h2 {font-family:Tahoma, Geneva, sans-serif;}
p {font-family:Arial, Helvetica, sans-serif;}
a:link {color:#e03d89;}     
a:visited {color:#e97fa5;}  
a:hover {color:#eb0258;}  
a:active {color:#7a0453;}  
p {margin-left: 30px; text-indent: 20px}
h2 {color:#e03d89;}
h2 {text-align:center}

感谢你们给予的任何帮助。我确信我在发布这篇文章时做了一些可怕的错误，我所能做的就是希望你们都能原谅我。

Answer 1

有一些重要的事情可能会绊倒Chrome：

你有两个头部关闭标签，第一个是标题标签在头部之外。

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<link rel="stylesheet" href="default.css" />
</head>  <!--  REMOVE THIS CLOSING HEAD!! -->

<title>DCE</title>

</head>

在您的UL和LI标签中，您不能在li标签之外包含文本或元素，您的锚标签“a”和文本ABC需要更改。

    <ul>ABC <!-- REMOVE ABC -->
    <a href="pages\aboutus.html"><li>Z</li></a> <!-- anchor tags outside of the li tag -->
    <li><a href="pages\AAAA.html">Y</a></li> <!-- anchor tags INSIDE of li tag - this is the way to do it -->
</ul>

就像@cimmanon所说，你的html链接中的斜杠是反斜杠，它们应该是正斜杠“pages / AAAA.html”而不是“pages \ AAAA.html”。

这三个更改可能会使您的样式表重新启动并运行。我可以告诉你正在学习/试验所以我不会过分纠正其余部分，继续学习，你会到达那里：）

Answer 2

除了艾伦所说的......

1）这是html开始标记，因此您不需要添加 2）没有第二个结束标记的元素，以＆gt;结尾;喜欢（这适用于embed，br，hr和img。我不知道是否会破坏任何东西，但最好还是做正确的事情。 3）并在样式表链接标记中放置一个type =“text / css”。

外部CSS无法在Chrome中使用

2 个答案: