• 締切済み

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

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

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

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

noname#208914
質問者

お礼

有難うございました。

全文を見る
すると、全ての回答が全文表示されます。
  • hitomura
  • ベストアンサー率48% (325/664)
回答No.1

> 5つのhtmlファイルで同じcssファイルを指定しているのですが、設定が反映されているのが一つしかありません。 ……はい? 普通に共有できるはずですが、その CSS ファイルのパスを間違えているとか、HTML 本文にスタイルを書いていてそれで上書きされちゃっているとか、ただ単にファイルのアップロードやブラウザの更新を忘れてるとかありませんか?

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • CSSの外部ファイルの作り方

    こんにちは、いつもはサイトのデザインをCSSで設定する時 HTMLファイルの<HEAD></HEAD>部分に書き込んでるのですが それらの量が段々多くなってきたので前ページ共通のCSSは外部ファイルでリンクさせようと思いました。 でも外部ファイルでCSSを作るのは初めてなので何分書き方などで少し分からないところがあります。 例えば1.文字の大きさ2.リンク下線消し3.行間の幅 などを指定する時これら全部を一つのCSSファイルに書いていいのですか? それとも一つのファイルには一つの設定しか書けないんでしょうか? あと、外部ファイルの場合<STYL>でまとめなくてもいいらしいのですが、もし一つのファイルに複数の設定を書けるなら その場合は一行あけて書いたりするのでしょうか? そして、これらCSSの外部ファイルにリンクさせたHTMLファイルの <HEAD>部分に後から他のCSSを書き込んでもそれは反映されますか? いろいろ多くて少し分かりづらい説明かもしれませんがお願いします。

    • ベストアンサー
    • HTML
  • 3つのcssファイルを1つのcssファイルにする

    あるhtmlファイルがあり、3つのcssファイルたとえば、aaa.css,bbb.css,ccc.cssの3つのファイルがあります。 htmlには3つのボタンがあり、その一つのボタンを押すとaaa.cssのファイルを使用するとし、同じようにbbb.css,ccc.cssもボタンごとに異なる操作ができるとします。 それを1つのcssファイル、abc.cssファイルにまとめたいのですが、どのように作成すればいいのでしょうか? 何かでこのときはこの処理を行うみたいな指定がhtmlかcssファイルのどちらかで出来るのでしょうか? かなり困っております。 どなたか回答よろしくお願いいたします。

  • CSSを外部ファイル

    CSSを外部ファイルで作成して <link rel="stylesheet" href="○○○.css" type="text/css">で参照したいのですが外部ファイルは H1{color : #000000;} を反映させたいときこれだけ書けばいいのでしょうか。サイトの説明を読んでもよくわかりません。

  • CSSファイルの上手な使い方を教えて下さい。

    現在、Webサイトを作成しており20ページくらいになりますが、色や形を変えることが多々あり、そのたびにCSSファイルのコードを修正するのが面倒です。 私はhtmlファイル20枚につき、CSSファイル20枚となっており、すべてのCSSファイルにヘッダーやフッターサイドバーのデザインを施すコードが記述されております。 この方法は非効率でしょうか? 良く考えてみたのですが、全てのページでヘッダーとフッター、サイドバーのデザインが同じなら、ヘッダー、フッター、サイドバーだけのCSSファイルを1つ作成し、メインコンテンツはページの分だけCSSファイルを作成するべきなのでしょうか? この場合、htmlファイル1枚につき、2枚のCSSを読みこませれば良いのでしょうか?

    • ベストアンサー
    • CSS
  • CSS外部ファイルを作りましたが、加筆する際にファイル**.cssファイルが開けません

    CSS素人です。 外部ファイルからCSSを使おうと思い、ファイルを作成したいのですが、メモ帳に書き、保存する際に.cssという拡張子でファイル保存しました。 外部ファイルを書き加えようとしたところ、うまく開けませんでした。 『ファイル**.cssファイルを開くアプリケーションを指定してくださいとなってしまいます。』 なにが悪いんでしょうか。 ファイルを書く場合、直接いきなりスタイルシートを書き込んでいいのでしょうか。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • vistaでファイル共有→サービスが存在しません

    vistaでネットワークと共有センターのファイル共有を「有効」に設定しようとすると 「指定したサービスはインストールされたサービスとして存在しません」 と表示されてしまいます ファイル共有を有効にするためにはどうすれば良いでしょうか? 以前に必要ないと思ったサービスを停止していったことがあるのでそれが原因でしょうか? その場合どのサービスを有効にすればいいのでしょうか?

  • CSSが反映されない場合がある

    PHP + CSS + MySQLを独学中の者です。 作成中のHPで、CSSが反映されない事があり、原因究明に苦心しています。 【事象】  作成中のHPにアクセスすると、CSSが反映されない状態で表示(描画)される事がある。 【情報と考察】  ・PHP5.x、CSS、MySQL5のレンタルサーバで作成中。  ・10回に2回程度の割合で事象が発生する。  ・正常に適応されている時は、想定通りのCSSが描画されている為、コード上の問題は低い。  ・CSSは8つの外部ファイルで構成して、htmlの「link」タグで指定している。  ・事象が発生した場合も、生成されたhtml上では「link」タグで指定されている。   (パスも問題なし)  ・複数のブラウザ(IEとFirefox)でも事象は発生する。 以上から、何か原因の可能性として挙げられる事はありますでしょうか。 ご教授・アドバイス頂ければ幸いです。

    • ベストアンサー
    • PHP
  • cssは複数作る?

    こんにちは。 ホームページを自分で作成している初心者です。 ページがだんだん増えてくると、それにともなってcssの記述も多くなってきます。 そこで今はテーマやカテゴリーごとにcssを分けているのですが、cssもだんだんと増えてきます。 そもそもcssは複数作るものなのでしょうか。 そのことによる利点、欠点などがあれば教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • iMacと新iBookのファイル共有の仕方を教えてください!

    iMac(Rev.B)とiBook(新)でのファイルの共有の仕方がよく わからないのです。 それぞれをEthernetクロスケーブルでつなぎました。 そして、コントロールパネルで利用者のところで それぞれお互いに作成しました。 そして共有するファイルもそれぞれ『情報を見る』で 指定し、ファイル共有を開始する、を設定しました。 Macヘルプを見ても、これ以上どこをどうしたら どこに共有ファイルがあらわれるのか、また 他にどの設定をすればいいのかがわかりません。 どうか、どこをいじればいいのかと、設定すべき 箇所、方法を御教授ください。 よろしくお願いいたします。

    • ベストアンサー
    • Mac
  • CSSが反映されない(相対パスを使う?)

    FC2でホームページを作っています。 ROOTディレクトリには st.css、index.html などを作りました。そこにある全ての ページにCSSが反映されています。 その下の階層に imgディレクトリと、自分の書いた作品を入れるためのディレクトリを 作りました。imgディレクトリの中にはgif形式の画像(ホームページのレイアウトに使う画像) ファイルが入っています。 作品を入れているディレクトリのページを見ると、CSSが反映されておらず、 真っ白のページに文字が左詰めで書いてあるだけでした。 そこで、相対パスというものを使ってCSSを反映させたいです。 相対パスの説明サイトを見ても全く分かりませんでした。 特に、「./」の使い方が分からなかったです。これをどうやって使うのか? もしくは 別のを使うのか? 仮に「./」を使うとして、それをどこに書き込めばいいのかも分かりません。 <link rel="○○(反映させたいページ)/stylesheet" href="st.css" type="text/css"> これのどこかに書き込むと反映されるようになると説明があったのですが…。 ご回答をお願いします。

    • ベストアンサー
    • HTML
BPMがダウンロードできない
このQ&Aのポイント
  • BPM(Brother Printer Management Tool)がソフトウェアダウンロード先のページに見つかりません。
  • パソコンもしくはスマートフォンのOSはWindows10です。
  • 接続は無線LANで行われています。
回答を見る