1

私はHTMLと外部CSSファイルを使ったプロジェクトに取り組んできました。Macのadobedreamweaverでリンクを実行していたとき、リンクは学校で正常に機能しましたが、両方のファイルをドロップボックス経由でホームに送信しました。cssはhtmlファイルとリンクしていないようです。私はファイルパスとすべてが正しいと信じていますが、念のために：

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

また、ファイルディレクトリから「Desktop /」ビットを削除しようとしましたが、それでも機能しませんでした。インデックスファイルとCssファイルの両方がデスクトップにあります。私はウィンドウズを使用しています。同じコードが学校でも機能したので、ファイルの場所に関係しているのではないかと思います。よろしくお願いします

4

4 に答える 4

3

これがリンクの仕組みです。

htmlファイルが「xyz」という名前のフォルダにあるとしましょう。これで、cssにリンクするときに、アドレスはhtmlファイルの場所に関連付けられます。だからあなたが言及した場合

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

cssファイルはhtmlと同じフォルダーにあると想定しますが、次のようにリンクした場合は

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

xyzフォルダー内にDesktopという名前のフォルダーがあり、cssファイルはおそらくDesktopに保存されていると想定されます。

ここで、htmlとcssの両方をデスクトップに直接配置したと仮定すると、これらのファイルも学校に戻す可能性があるため、これは適切な方法ではありません。したがって、両方をフォルダに配置してから、CSSにリンクすることをお勧めします。

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

キャピタライゼーションに注意を払うことを忘れないでください。そうです、htmlは大文字と小文字を区別しませんが、外部ファイルのリンクに関しては、キャピタライゼーションが重要です。

于 2013-02-28T10:25:18.700 に答える
2

ディレクトリ構造は次のようになります。

  Root Directory 
  | 
  |-page.html 
  |-Desktop
      |-StyleSheet.css

ディレクトリ構造を変更したり、タグのhref属性を変更したりする必要がない場合link

于 2013-02-28T10:13:43.757 に答える
1

同じディレクトリにある場合は、パスを次のように設定するだけです。href="Stylesheet.css"

于 2013-02-28T10:11:35.300 に答える
0

問題はファイルの場所にあります。
Dreamweaverまたはその他のコードエディタを使用している場合は、ファイルのパスを手動で入力するのではなく、ファイルのパスを参照してリンクhref属性に挿入します。

于 2013-02-28T10:13:36.517 に答える