Question

我正在努力教自己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都没有被拉入。

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

Answer 1

我找到了答案。我在文件中留下了一个空的css标签，Aptana不喜欢它。这是我的错，我把它从这篇文章中删除了，因为我觉得它不相关。

我有：

#nav li {}

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

Answer 2

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

Answer 3

您的style.css文件必须与index.html位于同一位置才能生效。

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

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

如果直接打开index.html文件，没有Aptana的预览会有效吗？

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

您可能还想在生成预览后验证Aptana对您的来源做了什么。在预览浏览器中执行视图源是否显示与样式表完全相同的链接/路径？

在Aptana的预览中，您是否遇到与此用户类似的问题：Aptana Studio 3 preview problems with absolute path

Answer 4

我很确定aptana在文件和其他html / css标签上有自动完成功能，所以试试

<link rel="stylesheet" href="

我相信当你输入这个时，如果应该开始给你文件夹歇斯底里设置的所有文件。如果它没有尝试/或类似的？

Answer 5

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

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

将样式表链接到html doc的问题

5 个答案: