複数のhtmlで同じcssファイルを共有すること

締切済

質問者：hirop0x452
質問日時：2014/12/22 01:27
回答数：2件

複数のhtmlで同じcssファイルを共有することは可能でしょうか？
５つのhtmlファイルで同じcssファイルを指定しているのですが、設定が反映されているのが一つしかありません。
やはり、同じディレクトリに存在する以上は、htmlファイル分だけのcssファイルを作成する必要がありますか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： ORUKA1951
回答日時：2014/12/22 10:17

　⇒HTML4.01仕様書/14.3 外部スタイルシート(

http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
　⇒CSS2.1仕様書6.4 カスケード処理( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
この二点は、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/dev … )の豊富なfirefoxをお使いだと思いますが、そのアドオンにとても有名なFirebug( https://addons.mozilla.jp/firefox/details/1843 )があります。それを使われるとスタイルシートの適用が一目瞭然です。

　いずれにしても、最初にあげたカスケーディングの仕組みはカスケーディングスタイルシートを利用する上で最も大事な、命とも言える部分です。それを知らずしてスタイルシートは使えないです。
　仕様書は正確に書かれているため、とっつき難いかもしれませんが・・。あちこち拾い喰いするより確実に正確な情報です。ぜひ身につけてください。