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

締切り済みの質問

CSSについて

前回「CSS今度は外部ファイル!」で質問をさせていただきました
http://okwave.jp/qa4254612.html

#2の回答者様の記述ソースをコピペしてCSSファイルと、HTMLファイルを作ったところ、HTMLファイルに外部CSSが反映されて表示されました。

しかし、このCSSファイルの中身(だけ)とファイル名を変更したところ、今度は反映されなくなりました。

■CSSファイルの変更■
変更前
body {
color: blue;
font-size:30px;

変更後
.hpname{
font-size:50ox;
color:#006666
text:align:center;
}

■CSSファイル名
半角小文字でhpname.css

■HTMLファイル
変更前
<! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
背景色は青で文字は30px
</body>
</html>

この中の
<link rel="stylesheet" type="text/css" href="test.css">
を変更。
href="test.css">を
href="hpname.css">

にしました。

/////////////////////////////////////////////////////////////

CSSファイルの作りかたがいけないのでしょうか?
「.」をつけてはいけない?
それとも外部ファイルを読み込むパスを絶対指定などしなくてはならないのでしょうか(同じフォルダ階層内です)


何回やり直しても結果が同じなので、また質問させていただきました。

投稿日時 - 2008-08-20 17:32:47

QNo.4265317

困ってます

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

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

回答(1)

ANo.1

外部ファイルがどうこうという問題じゃないです。
もっとスタイルシートの基本的な部分をしっかりと理解しましょう。
http://park16.wakwak.com/~html-css/css/index.html
http://www.tohoho-web.com/css/basic.htm#TagElementSelector

・基本的な形
セレクタ {プロパティ:値;}
body(セレクタ) {color(プロパティ): blue(値);}

セレクタをHTMLタグの「<」「>」を除いた形、divとかにすれば、html中の<div>~</div>全てに適用されます。

セレクタに「.」を付けて「.○○」とすると、○○というクラスを指定したもののみに適用されます。


細かい部分は省きますが、
---<CSS>---
p {
color: green; /*<p>タグで囲まれたのは緑文字*/
}
.hpname {
color: red; /*hpnameクラスは赤文字*/
}

---<HTML>---
<body>
<p>どういうふうに</p>
<p class="hpname">適用されるか</p>
<p>確認してください</p>
</body>
---

参考URLとか隅々まで読んで、試行錯誤すればおおよそは分かるはずです。

参考URL:http://park16.wakwak.com/~html-css/css/index.html

投稿日時 - 2008-08-20 22:37:45

お礼

回答、ありがとうございます。
参考URLを見てみました。
わたしが今まで見てきた、CSSについてのサイトの中で、一番解りやすかったし、楽しかったです。

投稿日時 - 2008-08-21 18:43:20

あなたにオススメの質問