• ベストアンサー

CSSの一括指定

CSSを全てのページに、1つのフォルダから一括指定したいんです。 いろいろCSSを紹介しているページを見たのですが、よく理解できません。 分かる方、詳しい解説が載っているHPをご存知の方は よろしくおねがいします。。

  • _aya
  • お礼率74% (23/31)
  • HTML
  • 回答数3
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

外部リンキングシートのことだと思うので。 CSSファイルを作る時は拡張子を.cssにします。 CSSファイル内ではHTMLファイルの<head>内に組み込む時、 必ず必要だった <style type="text/css"> <!-- --> </style> は必要ありません。いきなり body{ background:#ffffff } と書き出します。もちろんコメントである/* */をはじめの一行に 記述しても構いません。 次に、作ったCSSファイルを各HTMLファイルにリンクさせる方法です。 組み込みたいHTMLファイルすべての<head>タグ内に <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="***.css"> を記述します。<meta~はなくても大丈夫ですが一応記述しておいた 方がいいです。 ***.cssは各HTMLファイルから見たCSSファイルへのパスとなります。 従って、ディレクトリ構造によっては../../***.cssとなる場合も あります。 私も勘違いでしたらごめんなさい。

参考URL:
http://dfj.cool.ne.jp/html/index.html
_aya
質問者

お礼

回答ありがとうございます。よくわかりました(^^)

その他の回答 (2)

noname#8250
noname#8250
回答No.2

一つのフォルダというより一つのファイルということですよね? CSSファイルを作り、 <LINK rel="stylesheet" href="xxx.css" type="text/css"> といった感じで指定してあげればOKです。 私の勘違いだったらごめんなさい。

_aya
質問者

お礼

回答ありがとうございます。みなさんのおかげで理解できました。 勘違いじゃないですよ(^^)

  • kikyo777
  • ベストアンサー率26% (53/199)
回答No.1

コピペできるサイト紹介します。 どこまでCSSを使いたいのかわからないのですが。 スクロールバーを変化とかも含むのでしょうか。 JavaScriptやHTMLについても詳しく紹介されてるので 一度ご覧下さい。 私はよく利用してるHPです。

参考URL:
http://www.geocities.co.jp/SiliconValley-Oakland/6602/index.html
_aya
質問者

お礼

ありがとうございます!!勉強になりました。

関連するQ&A

  • リンクの色一括指定について。

    HP作成に関して質問させてください。無料HPでHPを作成しましたが、広告と背景が同化してしまい、規約違反になりそうなので、リンクの色を一括で指定したいと考えています。(ページが多すぎるので個別にするのは大変です。) HPのトップページのURLが http://○○○○----.com/ だとして、.com/以下のページ全てのリンクの文字色を一括で指定する方法はありますか? やはり全てのページごとに色を指定するしかないのでしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • cssについて

    ホームページでcssにしたいページがあります。そこで判らない点がありまして皆さんの教えを乞いたいと思い質問した次第です。 1.cssを作成したページはcssのフォルダを作って、その中にcssのソース(HTML)を格納し、サーバーに転送するそうなんですが、これはページ全体のソースのことですか。cssの部分だけですか? 2.cssのページはバック(壁紙)が“白”と“緑”のページがありますが、この場合はcssのフォルダを別々に作るのですか? 3.cssフォルダによってページが一括管理出来て更新が簡単になるとのことですが、ページ全体をcssにした方が管理しやすいですか? 4.cssのソースはホームページを作ってるソフト以外のエディタにコピーしても宜しいですか? Dreamweaver3で作成してますが、以外とアバウトなソフトなので、細かい設定はソフトの機能に頼らず、ソフトのタグをいじっています。なんせ初心者です。判りやすく解説お願いします。

  • CSS内で指定している画像の呼び出し範囲

    テーブルレイアウトからCSSへ移行したいと思っています。 CSSについての知識は、ほとんどなく 慣れるために、とりあえずテンプレートをいじって テストサイトを作成した程度です。 それで教えて頂きたいのですが 1つの外部CSSファイルで、全てのページに適用した場合 閲覧ページで使用していない、(CSS内では指定している)画像ファイルも読み込まれてしまうのですか? HPビルダーで作成していて、ページの容量を調べる事が出来るのですが CSSで指定した画像を全て読み込んだ状態で、トータルサイズが出ます。 一部のページに大きな画像を使った為、ページの容量が200kbを超えてしまったので心配です。 基本が全く分からず、お恥ずかしいのですが よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • テーブルの中のフォントサイズを一括指定したいのですが

    一つのページ内の、全てのテーブルの中のフォントサイズを一括指定したいのですが、CSSで出来るのでしょうか? どのようなタグを使えば出来ますか?

  • lightbox風なもののCSSの使い方

    http://www.e-magine.ro/web-dev-and-design/36/moodalbox/ ↑のサイトのlightbox風の機能を使って、HTMLファイルをページ遷移なしで読み込もうとしています。読み込むページと読み込まれるページは違うフォルダにあり、それぞれに違うCSSを適用しているのですが、どうやっても読み込まれるページで画像が取得できません。外部CSS内のbackgroundやHTML内のimgも表示されません。その他の配置に関するCSSはちゃんと適用されているので、なぜ画像だけが取得できないのかが理解できません。 読み込まれるページのCSSを読み込むページのheadで読み込んでみたり、読み込まれるページのHTMLに直接CSSを書いてみたりもしましたが、変化がありませんでした。CSSはおろか画像やリンクなどすべてを全ページで相対指定しているので、そういうところに差異が出たのかなと疑っています。 そこで、こういう風なツールを使った時、読み込まれるCSSは読み込むページと読み込まれるページのどちらで読み込むべきなんでしょうか。また、ページ遷移していない以上、読みこまれるページの相対指定も読み込むページからの指定とするべきなんでしょうか。よろしくお願いします。

  • ページ全体のフォントを一括で指定したい

    現在作成済のページを含め、すべてのフォントを一括で変更したいのですが、 簡単にできる方法はないでしょうか? cssでできそうなのですが、実際の指定方法まで、なかなか見つけられません。 MS P明朝かMS Pゴシックに変更したく思っています。 どなたか、よろしくお願いします。

    • ベストアンサー
    • CSS
  • <img src=** border=0>の一括指定

    ファイルの中に、<img src=** border=0>のタグが複数あり、 少しでも、ページを軽くしたいので、 cssなどを使用して、border=0というのを一括指定することは可能でしょうか? わかる方が居りましたら、ぜひ、教えて下さい。 それでは、宜しくお願いします。

    • ベストアンサー
    • HTML
  • cssについて教えてください。

    1ページづつシリーズ分けしたページが計5ページある商品紹介のコンテンツエリアをcssでコーティングしたいのですが、背景だけが違っていてその他の仕様はすべて同じときにcssはどう書いたらいいのでしょうか? 全部同じ仕様なので1つcssを作ってすべてに適用させればいいと思っていたのですが、背景だけ違うので各ページ別々のcssを作ったほうがいいのでしょうか?

    • ベストアンサー
    • CSS
  • bodyで一括指定したものの部分的変更

    宜しくお願いします。 body, td, th { background-color:#FFFFFF; } のような感じでCSSでテーブルの背景を一括で白に指定しているのですが、これを部分的に背景なしにすることは可能ですか? 例えば同じCSSを使っているんだけどページAではテーブル背景白でOKで、ページBでは背景をなしにしたいテーブルが出てきてしまったという時です。 出来ればCSSは一つにしたく、既に上記の指定で百ページ近く作ってしまっているので、bodyの指定自体を変更はできないのですが、部分的にこの指定を解除する方法がありましたら教えてください。 宜しくお願いします。

    • ベストアンサー
    • CSS
  • CSSでの画像指定について。

    CSSでの画像指定について。 ファイルパスの指定について教えてください。 フォルダ1の中に「sample.html」、「sample.css」、「img」フォルダが入っており、 「img」フォルダの中に、「nature_01.gif」が入っています(下図)。 -------------------------------------------------------------------------- フォルダ1 L sample.html L sample.css L img(フォルダ)  img(フォルダ)  L nature_01.gif   ---------------------------------------------------------------------------- このファイル構成だと、sample.css の中で 『background-image:url(/img/nature_01.gif)』のようにパスを指定すれば良い と理解していたのですが、背景に画像が表示されませんでした。 その後、下記のように修正すると、画像が表示されるようになりました。 firefox3.5 →修正後は画像が表示される。 Internet explore 8 →修正前、修正後ともに表示されない。 ----------------------------------------------------------------------- 【修正前】 #contents{ width:750px; background-image:url(/img/nature_01.gif); 【修正後】 #contents{ width:750px; background-image:url(../img/nature_01.gif); ------------------------------------------------------------------------ OS・・・windows xp なぜ、こうなるのか、わかるかたがいましたら教えてください。 よろしくお願いします。