締切済み

ＣＳＳについて

2008/08/20 17:32

前回「ＣＳＳ今度は外部ファイル！」で質問をさせていただきました http://okwave.jp/qa4254612.html ＃２の回答者様の記述ソースをコピペしてＣＳＳファイルと、ＨＴＭＬファイルを作ったところ、ＨＴＭＬファイルに外部ＣＳＳが反映されて表示されました。しかし、このＣＳＳファイルの中身（だけ）とファイル名を変更したところ、今度は反映されなくなりました。 ■ＣＳＳファイルの変更■ 変更前 body { color: blue; font-size:30px; 変更後 .hpname{ font-size:50ox; color:#006666 text:align:center; } ■ＣＳＳファイル名半角小文字でhpname.css ■ＨＴＭＬファイル変更前 <! 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"> にしました。 ///////////////////////////////////////////////////////////// ＣＳＳファイルの作りかたがいけないのでしょうか？「.」をつけてはいけない？それとも外部ファイルを読み込むパスを絶対指定などしなくてはならないのでしょうか（同じフォルダ階層内です）何回やり直しても結果が同じなので、また質問させていただきました。

Liko_Kaoru
お礼率46% (196/424)

みんなの回答 （1）
専門家の回答

みんなの回答

dezimac
ベストアンサー率56% (2365/4208)

2008/08/20 22:37 回答No.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とか隅々まで読んで、試行錯誤すればおおよそは分かるはずです。