
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
⇒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 )があります。それを使われるとスタイルシートの適用が一目瞭然です。
いずれにしても、最初にあげたカスケーディングの仕組みはカスケーディングスタイルシートを利用する上で最も大事な、命とも言える部分です。それを知らずしてスタイルシートは使えないです。
仕様書は正確に書かれているため、とっつき難いかもしれませんが・・。あちこち拾い喰いするより確実に正確な情報です。ぜひ身につけてください。
No.1
- 回答日時:
> 5つのhtmlファイルで同じcssファイルを指定しているのですが、設定が反映されているのが一つしかありません。
……はい? 普通に共有できるはずですが、その CSS ファイルのパスを間違えているとか、HTML 本文にスタイルを書いていてそれで上書きされちゃっているとか、ただ単にファイルのアップロードやブラウザの更新を忘れてるとかありませんか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
CSSで各ページのメニューボタン...
-
マイクロ(μ)の文字を半角で出...
-
HTMLで行間隔調整の方法をお教...
-
outlook 文字を揃えたい。tab...
-
リストの前後の行間をなくす方...
-
印刷ダイアログの印刷ボタンを...
-
奇数のフォントサイズ指定について
-
VBのDataGridView印刷
-
教えてください。
-
Excel VBAで文字列の可視長を得...
-
HTMLって印刷するとずれるんで...
-
Excel:一部のフォントでセルの...
-
スタイルシートでリンクの色が...
-
入力規則のリストの文字の大き...
-
CommonDialogでの、キャンセル...
-
PDFファイルを開かずに印刷...
-
似ているフォント(Win⇔Mac)
-
Format 関数 表示書式指定文字...
-
Illustratorで作成、pngで保存...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
ブラウザでプレビューでCSSが反...
-
Dreamweaver のテンプレートで...
-
htmlとcssを分けたい。
-
ページによってスタイルシート...
-
定数の定義とかはできますか?
-
css IEmacだけに別指定
-
CSS・・・私には出来ないのでし...
-
CSSで各ページのメニューボタン...
-
HTMLで上手くサイトに反映されない
-
ホームページのテンプレートを...
-
cssは複数作る?
-
ワードプレスで太字が反映され...
-
スタイルシート(CSSスタイル)...
-
cssでiPhone SEで文字が小さす...
-
DREAMWEAVER8のCSSシートについて
-
CSSによる簡易な複数言語対応に...
おすすめ情報