みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

CSSの外部ファイル使用に関して。

ビスタorEMエディターを使用しています。

~~index html~~

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>cssの勉強</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<h1>見出し</h1>
</body>
</html>

~~mystyle.css~~

h1 {
color: blue;
}

このようにテキストエディタも2つに分けて編集しデスクトップへ
保存してブラウザ上へ出力させたのですが文字の色が表示できません。
表示できないというよりもblueで組んだ際にはblueとなりblueをredにした際には
黒になったり、デスクトップ画面上で新規にフォルダをつくそこにhtmlファイルを
入れてその後ブラウザ表示をすると文字がきちんと赤になっていたり
意味がわからず、ずっと悩んでいます。

分かりにくい質問ですいませんどうすればそうならないのか教えていただければ幸いです。


また、毎回アイコンをグーグルクロームのブラウザへドロップして検証するのが
めんどうになってきたので、そうせずにブラウザへ直で表示できる方法も教えていただけると嬉しいです。

投稿日時 - 2012-02-23 08:19:02

QNo.7321841

すぐに回答ほしいです

質問者が選んだベストアンサー

デスクトップに保存する時に、専用のフォルダを作ってHTMLファイルとCSSファイルをその同じ
フォルダに格納すればちゃんと表示されるようになります。
(画像を入れる場合も同じフォルダに入れる)
また、別々に保存する場合は
<link rel="stylesheet" type="text/css" href="mystyle.css">の[href="]の後ろにCSSファイルの
パス(格納場所)を書き込んでやればCSSを反映した表示ができるようになります。

グーグルクロームが既定のブラウザになっていれば、HTMLファイルをダブルクリックするだけで
表示されるはずです。

投稿日時 - 2012-02-23 09:18:56

お礼

なぜかできました。
ありがとうございます。

投稿日時 - 2012-02-23 09:37:06

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問