- 締切済み
複数のhtmlで同じcssファイルを共有すること
複数のhtmlで同じcssファイルを共有することは可能でしょうか？ ５つのhtmlファイルで同じcssファイルを指定しているのですが、設定が反映されているのが一つしかありません。 やはり、同じディレクトリに存在する以上は、htmlファイル分だけのcssファイルを作成する必要がありますか。
- HTML
- 回答数2
- ありがとう数16
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
⇒HTML4.01仕様書/14.3 外部スタイルシート( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.3 ) ⇒CSS2.1仕様書6.4 カスケード処理( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html#cascade ) この二点は、CSS(カスケーディングスタイルシート)を利用する場合に絶対に必要な最低限の仕組みです。命とも言える部分です。 複数のHTMLに、そのプレゼンテーションを指定するスタイルシートを共用させるという事は、 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿ここから 著者は、スタイルシートをHTML文書から切り離すことができる。こうすることには、幾つかの利点がある。 ・著者及びWebサイト管理者が、複数文書間(及び複数サイト間)でスタイルシートを共有できる。 ・著者が、文書に変更を加えることなくスタイルシートを変えられる。 ・ユーザエージェントが、メディア記述子に基づき、スタイルシートを選択的に読み込める。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで ＞複数のhtmlで同じcssファイルを共有することは可能でしょうか？ というか、そのための外部スタイルシート/カスケーディングスタイルシートですよ。 HTMLの<head></head>内に <link rel="stylesheet" type="text/css" media="screen" href="/styleSheet/default.css"> <link rel="stylesheet" type="text/css" media="screen" href="/styleSheet/standard.css" title="標準"> <link rel="Alternate StyleSheet" type="text/css" media="screen,projection,tv" href="/styleSheet/default.css" title="大きな文字"> <link rel="styleSheet" type="text/css" media="print,handheld" href="/styleSheet/print.css"> の様に記述します。 ※スタイルシートへのパスは上記のように絶対パスで指定すると、そのHTMLがサーバーのどの階層にあっても同じ記述で利用できます。 しかし、ローカルでテストはテスト用ローカルサーバーを持っていないときには表示の確認ができません。 ※スタイルシートへのパスを相対パス <link rel="stylesheet" type="text/css" media="screen" href="/styleSheet/default.css"> で記述する場合は、HTMLの位置から正確に記述する必要があり作成したHTMLの他の階層への移動はできません。 ウェブページを作成されているのでしたら、開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )の豊富なfirefoxをお使いだと思いますが、そのアドオンに とても有名なFirebug( https://addons.mozilla.jp/firefox/details/1843 )があります。それを使われるとスタイルシートの適用が一目瞭然です。 いずれにしても、最初にあげたカスケーディングの仕組みはカスケーディングスタイルシートを利用する上で最も大事な、命とも言える部分です。それを知らずしてスタイルシートは使えないです。 仕様書は正確に書かれているため、とっつき難いかもしれませんが・・。あちこち拾い喰いするより確実に正確な情報です。ぜひ身につけてください。
- hitomura
- ベストアンサー率48% (325/664)
> ５つのhtmlファイルで同じcssファイルを指定しているのですが、設定が反映されているのが一つしかありません。 ……はい? 普通に共有できるはずですが、その CSS ファイルのパスを間違えているとか、HTML 本文にスタイルを書いていてそれで上書きされちゃっているとか、ただ単にファイルのアップロードやブラウザの更新を忘れてるとかありませんか?
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
有難うございました。