首页 > 解决方案 > 如果我将 css 放在单独的文件中,我的 body 标记中的属性将不起作用

问题描述

这是一个作业,我需要将 css 保存在一个单独的文件中。如果我将它们保存在同一个文件中,网站可以完美运行,但如果我单独保存它们,“body”中的属性根本不会显示。

我的html代码:

    <!DOCTYPE html>
<html>

<head>

  <link href="styles.css" rel="stylesheet" type="text/css">
    <title>Jake's Coffee Shop</title>

</head>

<body>

  <h1> Jake's Coffee Shop </h1>

<div class="links">
    links
</div>


<div class="content">

    <div class="para">
        text

    </div> 

</div>

<div class="footer">

    <p> Copyright © 2011 Jake's Coffee House<br></p>

</div>  
</body>
</html>

我的CSS代码:

<style type="text/css">

body {
    background-color:#ffffcc;       
    font-family:verdana;        
}

...


</style>

标签: htmlcss

解决方案


链接的 CSS 文件周围不应有标签。它应该只是css。还要确保链接中的 href 正确指向样式表。


推荐阅读