4

CSS を HTML ファイルに接続できません。以下のコードを HTML ファイルの先頭に配置します。この Web サイトのコードを使用して、CSS を HTML に接続しました: http://w3schools.com/tags/tag_link.asp

これまでのところ、これは私の HTML ファイルです。

<!DOCTYPE html>
<html>

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

<body id="whole-background">
<h1>Akhil Sharma</h1>

<p>Official Website</p>

</body>
</html>

これは私のcssです：

#whole-background
{
background-color: #0099FF;
}

この問題を解決する方法を誰か教えてください。

4

3 に答える 3

1

css ルールを使用して、html ページの同じディレクトリにtheme.cssというファイルを保存します 。

#whole-background
{
background-color: #0099FF;
}
于 2013-05-09T12:56:44.583 に答える
0

まず、次のようにリンク タグを閉じます。

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

次に、スタイルシート (theme.css) が、保存する html ファイルと同じフォルダーにあることを確認します。「styles」というサブフォルダーなど、他の場所にある場合は、次のようにパスを編集する必要があります。

<link rel="stylesheet" type="text/css" href="styles/theme.css" />
于 2013-05-09T12:49:58.280 に答える
0

この種の問題を解決するには、Firebugを使用することを強くお勧めします。firebug を使用している間、あらゆる種類の問題をデバッグできます。大きな問題の 1 つは、なぜ私の CSS がリンクされていないのか、それとも正しくコーディングしていないのかということです。ファイアーバグを開くことができます。CSSタブを選択

ここに画像の説明を入力

リンクされているすべての CSS を表示します。コンソールの内部を見て、表示されるエラー コードを確認することもできます。エラー コードは非常に詳細であり、時間を節約できます。

ここに画像の説明を入力

これは、この種の問題を理解するのに役立ちます。必ずしもリンクを使用する必要はありません。

<style type="text/css" src="theme.css"></style>

同じように機能します。

于 2013-05-09T13:00:36.123 に答える