0

私はhtml/cssを独学しようとしています。CSS スタイルシートを Aptana に認識させることができません。

これが私の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 を開くと、css が取り込まれていないプレーンな html が表示されます。

明らかな何かが欠けていますか？

4

5 に答える 5

1

私は自分の答えを見つけました。ファイルに空の css タグを残していたのですが、Aptana はそれを気に入りませんでした。これは私のせいです。関連性がないと思ったので、この投稿から除外しました。

私が持っていた：

#nav li {}

皆さんにすべての情報を提供できなくて申し訳ありません。皆さんはとても役に立ち、私はいくつかの新しいことを学ぶことができました. ありがとう！

于 2012-07-16T22:36:50.347 に答える
0

aptana にはファイルやその他の html/css タグのオートコンプリートがあると確信しているので、試してみてください

<link rel="stylesheet" href="

これを入力すると、フォルダー内のすべてのファイルがヒステリックに設定され始めるはずです。などを試してみないと/？

于 2012-07-16T22:32:46.963 に答える
0

type="text/css"属性を削除してみてください。typeaが指定されていて、ファイルが返すヘッダーと正確に一致しない場合、最新のブラウザーのほとんどは文句を言い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 プレビューで絶対パスの問題

于 2012-07-16T22:16:36.633 に答える
0

CSSなどのフォルダに入れてみてください

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