0

我正在尝试自学html/css。我无法让 Aptana 识别我的 CSS 样式表。

这是我的 html 文件 (index.html) 的内容：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Josh's Worthwhile Practice</title>
        <meta name="author" content="Joshua Soileau" />
        <link rel="stylesheet" href="style.css" type="text/css"/>
        <!-- Date: 2012-07-11 -->
    </head>
    <body>
        <div id="nav">
            <ul>
                <li><h4>Solutions</h4><p>what we do</p></li>
                <li><h4>Work</h4><p>what we've done</p></li>
                <li><h4>Team</h4><p>who we are</p></li>
                <li id="nav_logo">LOGO</li>
                <li><h4>Blog</h4><p>stuff we say</p></li>
                <li><h4>Contact</h4><p>talk to us</p></li>
                <li><h4>Client</h4><p>login</p></li>
            </ul>
        </div>
    </body>
</html>

这是我的 .css 文件（style.css，与 index.html 在同一目录中）

* {
    clear: both;
    padding: 0;
    margin: 0;
}

body {
    background-color: #eee;
    font-family: Arial, Helvetica, sans-serif;
}

#nav {
    color: #121415;
    width: 100%;
    height: 30px;
}

我的 html 代码中有链接标签：

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

但是当我在浏览器或 Aptana 预览窗格中打开 index.html 时，它只显示纯 html，而我的 css 没有被拉入。

我错过了一些明显的东西吗？

4

5 回答 5

1

我找到了我的答案。我在文件中留下了一个空的 css 标签，而 Aptana 不喜欢它。这是我的错，我把它放在这篇文章之外，因为我认为它不相关。

我有：

#nav li {}

很抱歉没有给你们所有的信息，你们都非常有帮助，我帮助我学习了一些新东西。谢谢！

于 2012-07-16T22:36:50.347 回答
0

尝试删除该type="text/css"属性。type如果指定了 a 并且与文件返回的标头不完全匹配Content-Type，并且在本地加载文件时没有标头，大多数现代浏览器都会抱怨Content-Type。

于 2012-07-16T22:16:27.620 回答
0

您的 style.css 文件必须与 index.html 位于同一位置才能正常工作。

预览时在浏览器的地址栏中看到什么？

如果将 index.html 替换为 style.css 会发生什么？你能看到CSS文件吗？

如果您直接打开 index.html 文件，它是否可以在没有 Aptana 预览的情况下工作？

还要打开 firebug 或开发人员工具并点击网络选项卡以检查浏览器是否正在请求 CSS 文件以及是否报告了任何错误。还要检查响应标头。

您可能还想验证 Aptana 在生成预览后对您的源所做的操作。在预览浏览器中查看源代码是否会显示与样式表完全相同的链接/路径？

您是否有与此用户在 Aptana 的预览中使用绝对路径的类似问题：Aptana Studio 3 preview questions with absolute path

于 2012-07-16T22:16:36.633 回答
0

我很确定 aptana 对文件和其他 html/css 标签具有自动完成功能，因此请尝试

<link rel="stylesheet" href="

我相信，当您输入此内容时，应该会开始为您提供文件夹中的所有文件歇斯底里的设置。如果它不尝试/或喜欢？

于 2012-07-16T22:32:46.963 回答
0

尝试将它放在一个文件夹中，例如 CSS

<link href="CSS/aki.css" rel="stylesheet"
    type="text/css" />
于 2012-07-16T22:38:32.297 回答