引用CSS类

时间:2014-02-07 21:52:35

标签: html css class

所以我正在写一个css文件来操纵我的导航栏。 HTML代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>Designs by Dante</title>
<link rel="stylesheet" type="text/css" href="style.css"   />
</head>

<body>

<h2>Designs by Dante</h2>

<ul id=“navigation”>
<li><a href="www.designsByDante.com/homepage.html">Home</a></li>
<li><a href="www.designsByDante.com/about.html">About</a></li>
<li><a href="www.designsByDante.com/services.html">Services</a></li>
<li><a href="www.designsByDante.com/portfolio.html">Portfolio</a></li>
<li><a href="www.designsByDante.com/contact.html">Contact</a></li>
</ul>

</body>

</html>

非常简单。我使用导航类创建了无序列表,因此我可以在所有五个网页上对其进行相同操作。

但是,我在与五个.html文件完全相同的文件夹中创建了一个style.css文件,并且它不会从中抽取任何内容。好吧,差不多。

这是CSS文件代码:

#navigation
{
margin:50px;
padding:0;
list-style:none;
width:525px; 
}

我知道你必须使用HTML中的属性从.css文件中提取但是.css文件中有什么内容可以让HTML识别,而不仅仅是正确命名并链接它吗?

我玩弄了这个,我很肯定它不是.css文件。这个结论的原因是因为我将.css文件中的#navigation更改为ul并且presto ...它工作正常。

下一步是确保我正确地写它,鉴于上面的代码,我认为是正确的。我昨晚对CSS进行了大量研究,因为我之前的问题是在没有事先研究的情况下完成的。但我真的被困住了,并希望有人能够告诉我我做错了什么。我现在要继续浏览w3schools.com网站。感谢您抽出宝贵时间阅读此消息!

1 个答案:

答案 0 :(得分:2)

您正在使用LEFT DOUBLE QUOTATION MARK)和RIGHT DOUBLE QUOTATION MARK),您应该使用QUOTATION MARK")(或{id}属性值APOSTROPHE'))。

由于这些属性值不是有效的分隔符,因此它们被视为的一部分

这可以由a validator获取。