• ベストアンサー

スタイルシートは外部or内部どっち・・・

ウェブサイトを作っています。 スタイルシートを外部にすべきか内部にすべきかについて質問です。 ヘッダー、フッター、左カラム、右カラムのデザインは固定で、中央カラム（コンテンツ部分）のみページによって切り替わるようにしたい場合、スタイルシートは外部にして読み込む形にすべきかでしょうか？ また、仮に外部スタイルシートにした場合、共通の部分だけ外部にし、中央カラム（コンテンツ部分）のデザインのみ内部にするということは可能でしょうか？ 初歩的な質問かもしれませんが、よろしくお願いします。

  • CSS
  • 回答数2
  • ありがとう数2

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

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

外部読み込みにするのは読み込み時速度を早くする為ですので 読み込み速度を気にしないならすべて内部記述でも構いません （自分で管理するときにソースが見づらい気がしますが） スタイルシートは外部と内部可能ですが優先順位には気をつけて下さい http://www.2step-css.com/Tips/Description/item_101.html 個人的には複数のCSSを外部読み込みするのがいいと思います

lolololol
質問者

お礼

優先順位に気をつけながら取り組んでみたいと思います。 疑問解決です。 ご回答有難うございます。

その他の回答 (1)

  • jun4956
  • ベストアンサー率25% (2/8)
回答No.2

＞共通の部分だけ外部にし、中央カラム（コンテンツ部分）のデザインのみ内部にするということは可能でしょうか？ 可能です。外部スタイルシートで共通の部分を設定して、 内部のhead内やbody内でそのページだけのものを設定することはできます。

lolololol
質問者

お礼

やはり両方で設定できるんですね。 疑問解決です。 ご回答有難うございます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • スタイルシート作成について

    ＨＰビルダー16でサイトの作成をしています。 ヘッダ・ナビ・コンテンツ・フッタと外部スタイルシートで作ったのですが、 フッタの上にもうひとつ、枠？＃ID　を追加したいのですが いろいろ試したのですができず　困っています。 どなたか、わかるかたお願いいたします。

  • 外部ファイルでのスタイルシートの書き方

    質問内容は単純です。 どうぞ宜しくお願い致します。 あるweb関連の参考書に、 外部スタイルシートファイル「style.css」の一例として、 そのコード内容が書かれてあったのですが、 それを大雑把に説明すると下記のようになります。 <style type="text/css"> <!-- ～　中身は、ここでは省略　～ --> </style> そこで、質問です。 外部ファイルとしてスタイルシートを作成する場合、 上記のような書き方で、はたして良いのでしょうか？ 上記のような書き方は、HTMLのヘッダー内にスタイルシートを挿入する場合の書き方 のような気がするのですが、その書き方をそっくりそのまま、外部ファイルへ持って行っても、 問題はないのでしょうか？ 参考書が間違っているのかなぁ、と思い、 質問をさせて頂きました。 参考書は2005年発行のものです。

    • ベストアンサー
    • HTML
  • 外部スタイルシートについて・・・

    外部スタイルシートを書きたいのですが、 まだ良くわかってない点があるので教えてくださると嬉しいんですが・・・（ＴＴ） 今はＨＴＭＬのヘッダ内に書いております。 <style TYPE="text/css"> </style> Ｑ１，上の部分は外部スタイルシートにすると、いらないのでしょうか？ Ｑ２，下の部分は外部スタイルシートにしてもスタイルシート内に、書く事ができますか？書くと不具合の原因になるのでしょうか？ <!-- //忘れてしまうので、ここにコメント書きたいです。 できれば、スタイルシートを表示できない？ブラウザの人へ配慮したいと思うので、 <!-- は、あった方が自分が忘れなくていいかと思うのですが・・・。 Ｑ３，ブラウザによって変になる、例えばとっても古いバージョンのネスケなどでも表示できるといいのですが 下記で問題あるのでしょうか？ もし良かったら下の内容をこうした方がいいという アドバイスがあると嬉しいです。 質問の仕方が良くないかもしれませんが教えて下さい（ＴＴ） <style TYPE="text/css"> <!-- //忘れてしまうので、ここにコメント書きたいです。 a:link {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:visited {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:active {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:hover {font-size: 11pt; text-decoration:underline; color:#FF9966;} td {font-size: 11pt;} span {font-size: 11pt;} BODY {font-size: 11pt; } LI {font-size: 11pt;} --> </style>

    • ベストアンサー
    • HTML
  • 左右２カラム時の、headerの使い方

    お世話になります。 現在HTML５を勉強しているのですが解らない点が出てきてしまったので、 お教えいただければ幸いです。 左右２カラムのサイトを作ろうとしています。 良くある上と下にヘッダ部分とフッター部分があり、中央部分が２つに分かれているものではなく、 ヘッダー部分とフッター部分が画面構成的には無いデザインにしたいと思っています。 （左側のカラムにナビゲーション。右側のカラムにメインコンテンツ） 上の様なデザインのサイトで、HTML５で構造を示す際の記載ですが、 <header></header> <footer></footer>は、記載はしておくが、 中身には何も書き込まない形にするのが良いのでしょうか？ それとも、そもそもheaderタグも　footerタグも書き込まないのが良いのでしょうか？ 理由と共にお教えいただければ幸いです。 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • スタイルシートでうまくフッター部分を配置設定する方法を教えてください。

    スタイルシートに詳しい方に教えていただきたいのですが、 今ホームページを作っていて、 フッター部分の設定に困っています。 タイトルカラム 左カラム コンテンツカラム フッターカラム というページ構成で 絶対指定で top と left を使って 各要素の位置指定をしているのですが、 フッター部分だけうまくいきません。 フッターに 「Copyright (C) ●● All Rights Reserved.」 という文言をタイトルカラムと同じ width で入れたいのです。 なぜか title カラムの下に表示されたり、 画面の一番上に表示されたりするのです。 bottom を使用するのかな？ と思ったのですが、それでもうまくいきませんでした。 できるだけページ全体を table タグを使って デザインしたくなくて、スタイルシートであれこれ やっているのですが、苦戦しています（汗）。 スタイルシートを下記しますので、 お知恵をお貸しくださいませ。 -------------------- div.title { position: absolute; top: 0px; left: 20px; width: 800px; background-color: #ffffff; height: 412px; } .left { width:185px; position: absolute; top: 415px; left: 20px; background-color:#ffffff; } .content { position: absolute; top: 415px; left: 205px; width: 600px; text-align: left; } .footer { position: absolute; bottom: 0px; left: 20px; width: 800px; text-align: left; height: 100px; }

    • ベストアンサー
    • HTML
  • 外部スタイルシートが読み込めない

    こんにちは。 外部スタイルシートが読み込めず 困っています。 HTMLは、 <html> <head> <link rel="stylesheet" href="controlbox2.css" type="text/css"> </head> <body> <div class="modal">syun</div> </body> </html> controlbox2.cssは .modal{ background-color:#fff; padding:10px; border:1px solid #333; } だけです。 もちろん同じディレクトリで あり何度も確認しています。 ブラウザは、IE7です。 ヘッダー部分に スタイルシートを書くと 当然効果があります。 <head> <style type="text/css"> .modal{ background-color:#fff; padding:10px; border:1px solid #333; } </style> </head> 文字コードは、ともに SHIFT_JISで保存しています。 何が悪いのか、 全くわかりません。 何か分かる人がいましたら、 よろしくお願いします。

    • ベストアンサー
    • HTML
  • スタイルシート（CSS）の中にテーブルのようなスタイルシートをつくりたいです。

    Dreamweaver8にてHPを作成しております。 今回CSSをやってみようと思い試行錯誤しながらがんばっているのですが、 現在スタイルシートのfloatタグなどを使って、 ヘッダー、メニュー、コンテンツ、フッターというよくある構成で作っております。 そしてコンテンツ部分以外はテンプレート機能を使い共有できるようにしています。 そして新しいページを作る際、コンテンツ部分だけを編集していくのですが、真ん中で２つにわかれた２段組の文章をつくりたくて、テーブルを使用したところ、テーブルが縦に長くなるとCSSで指定した範囲を超えてしまいレイアウトが崩れてしまいます。 これがテーブルでなく文章でなら縦に長くなっても自動的にCSSの高さが長くなってくれます。 ですので、題名のようにCSSでテーブルのような機能のあるものを教えていただきたいのですが、素人でなにぶん申し訳ないですがよろしくお願い致しますm(_ _)m

    • ベストアンサー
    • HTML
  • IEで外部スタイルシートが反映されない

    IEで外部スタイルシートが反映されない HPを製作したところ、 Firefoxでは、完璧に外部スタイルシートが適用されていたのですが、 IEでテストしたところ、CSSが全く反映されていてませんでした。 多くの皆さんがしてるように、 ヘッダーに、 <link href="style.css" rel="stylesheet" type="text/css" /> と記述しているのですが・・・ 原因としては何が考えるでしょうか？ ご助力願います。

  • 外部スタイルシートについて

    いつもありがとうございます nenenomitiです。 先生方、今日もよろしくお願い致します。 ホームページビルダー９を使用して HP作成にあたっていますが 「外部スタイルシート」についての 記述がまったくありません。 私が今、困っていることは １ページごとの文字サイズが違うことです 大量の情報を書き込む場合は 文字フォントを－１に設定していました そして、情報量の少ないページは見やすいように 普通サイズで書き込んでいます 第三者からのご意見はまだ聞いていませんが 自分でも見ていても なんか～おかしいような感じに見えます 外部スタイルシートを設定すると １ページ毎に設定し直さなくても良いと　聞きました。 ただ、どんなサイトの説明を見ていても イマイチ、外部スタイルシート設置について 理解が出来ません。 どなたか私に判り易く説明を出来る方は おられませんでしょうか？ よろしくおねがいいたします。

  • スタイルシートで印刷用のレイアウトの作り方

    こんにちわ スタイルシートでレイアウトしたWEBページの印刷用のレイアウトのことで悩んでいます。 WEBページはヘッダー部分、サイトナビゲーション部分、メニュー部分、コンテンツ部分、コピーライト部分とあるのですが印刷時にはヘッダー部分とコンテンツ部分とコピーライト部分のみ印刷できないかと考えています。印刷したくない部分をdisplay:noneのようにできませんか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する