为什么我的CSS不起作用？

在我日食 JavaScript的项目，我把我的两个的test.html和test.css文件下ProjectName\WebContent\ direcotry。为什么我的CSS不起作用？

我的test.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>UI TEST</title> 
</head> 
<body> 
    <div id="header">header</div> 

    <div id="container"> 
     <h1>content</h1> 
     <p>My test.</p> 
     <p class="last">...</p> 
    </div> 

    <div id="sidebar"> 
     <h1>sidebar</h1> 
     <ul> 
     <li>link one</li> 
     <li>link two</li> 
     </ul> 
    </div> 

    <div id="footer">footer</div> 
</body> 
</html>

我test.css：

@CHARSET "ISO-8859-1"; 
#header { 
    background: #d7dabd; 
} 
#container { 
    width: 100%; 
    float: left; 
    margin-right: -200px; 
} 
#sidebar { 
    width: 200px; 
    float: right; 
} 
#footer { 
    background: #d7dabd; 
    clear: both; 
}

但是，在CSS不把我的页面上的任何影响，是什么原因？

来源

2011-04-13 Mellon

如果这是你真正的代码，你是不是从调用''test.html' test.css'： - ？ – 2011-04-13 07:11:31

您必须在您的HTML文件中包含CSS才能使其工作。之间<head>和</head>把下面：

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

来源

2011-04-13 07:01:46 Tim

您需要包括CSS文件中的浏览器中的test.html文件中读取它。

... 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <link rel="stylesheet" type="text/css" href="test.css"> 
    <title>UI TEST</title> 
</head> 
...

来源

2011-04-13 07:12:42 Gevious

为什么我的CSS不起作用？

回答

相关问题