- ベストアンサー
htmlとcssを分けたい。
http://www.7key.jp/hp/_ex/9.html このページの様にhtmlとcssを使い左右に均等な余白を作りたいのですが、 このページの記述方法だと、htmの中にcssが書き込まれています。 このページの記述方法と同じで、 この記述を外部cssにとして分けたいのですが、 方法、出来れば、ソースを書き込んで回答してくれるとありがたいのですが、 どうか、宜しくお願いします。
- RIOT1970
- お礼率44% (87/195)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
元のソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> <!-- 省略 --> </style> </head> を、下記のように修正します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="○○○.css"> <!-- ←○○○の部分はスタイルシートの名前に変更 --> <!-- 省略 --> </style> </head> CSSファイルとHTMLファイルの格納場所が異なる場合（例えばHTMLファイルが格納されているフォルダにCSSを格納しているフォルダ（CSS）がある場合）は、上記の『 href="○○○.css" 』を『 href="css/○○○.css" 』としてください。
その他の回答 (1)
- Kaneyan-R
- ベストアンサー率42% (1248/2909)
ヘッダーの中に <link rel="stylesheet" type="text/css" href="hogehoge.css"> 追加。
関連するQ&A
- cssが長くなってしまう。他に良い方法は？
サイトのレイアウトをCSSで行なっているのですが、例えばノーマルなテキストの色・スタイル、リンクの色などの設定がぺージ（コンテンツ）ごとに違います。なので「pタグ内のスタイルはこれ」と絶対的に定めることが出来ません。 全ページでテンプレートを使用していて、それが既に外部CSSを1つ呼び出しています。コンテンツごとにCSSを用意するのがスマートに思えますが、そうすると外部CSSを複数指定することになります。どこかでこの方法は推奨されないと聞いたんですが、本当ですか？ もしそうである場合、その1つのCSSに全ページ分のスタイルを記述することになりますが、それもまたCSSのソースがバカでかくなってしまいます。 これはどうするべきでしょうか？
- 締切済み
- HTML
- 外部cssの記述方法について
よろしくお願いします。 cssを外部リンクにしたくご質問をさせて頂きました。 まず、始めにフォルダの構成ですがWフォルダというのがあります。 その中に、１というフォルダがあります。 その１フォルダの中にトップページが入っています （直下に置きたくないため） そのトップページのcssを外部リンクにするために以下の記述を<head>～</head>内にしました。 <link href="1.css" rel="stylesheet" type="text/css" media="all" /> ←inde.htmlにのみ適用したいcss <link href="commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss 上記の記述で、cssファイルは１フォルダの中に保存しました。これですとcssは適用されるのですが これを１フォルダの中にcssフォルダを作成して、cssファイルを cssフォルダに保存して以下のように記述すると cssが適用されなくなってしまいます。 <link href="css/1.css" rel="stylesheet" type="text/css" media="all" /> ←inde.htmlにのみ適用したいcss <link href="css/commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss また、別のページですが、１フォルダの中にaというフォルダを作成してtest1.htmとtest2.htmlが入っております。 その際ですが、commonness.cssは共通で適用させたく、更にはtest1.htmとtest2.htmlにのみ適用させたいcssもあるのですが htmlへの記述方法がいまいち理解出来ずご質問をさせていただきました。 私は、Wというフォルダにcssというフォルダを作成して、その中に全てのcssファイルを保存しようと考えていたのですが、考え方が間違っておりますでしょうか？ 共通に適用させたいページが保存してあるフォルダの中全てに、commonness.cssファイルを保存した場合、 いざ、編集する際に全てのcssを編集しなければならなく、それでは外部cssにする意味が無いと思うのですが やはり、そうでしょうか？ うまく、説明が出来ないのですが、どなた様かご指導の程よろしくお願いします。
- ベストアンサー
- HTML
- CSSのことで教えてください
HTML+CSSでHPを作りました。 CSSは外部フォルダに入れて、HTMLからリンクさせてます。 そして問題なく表示されるのですが、CSSの読み込みが遅いため、HPデザインがバラバラになってしまいます。（CSSを読み込まない状況となりますが、Ｆ５キーでリロードさせると解決します） この遅延を解決する方法はありませんか？ 補足ですが、CSSは2KBで、HPは6KBです。そしてグーグルクロームやファイヤーフォックスでも同じ状況となります。サーバーはすこぶる快適な環境です。（レンサバ） よろしくお願いします。
- 締切済み
- HTML
- CSSで余白を設定するタグ
CSSで左右の余白を設定するタグは何を使えばいいのでしょうか？ また、HPのコンテンツでサイドバーを使いたいのですがそれもどのようなタグを使えばいいのでしょうか。 よろしくお願いします。
- ベストアンサー
- Windows XP
- ｃｓｓ 転送ファイルから除外？
ＨＰビルダーで、ＨＰをつくっています。 ページ転送で、…￥table css… ファイルが見つからないので、転送ファイルから除外します。のメッセージが表示されるページが３ページあります。 たぶんこのページは他人のホームページソースを利用したので、ＨＴＭＬの中にｃｓｓが入ってしまい、しかも正しい記入になっていないのではないか、と思っています。 対処方法はどうすればいいのでしょうか？
- ベストアンサー
- レンタルサーバ・ASP
- 外部CSSの記述方法
色々調べたのですが行き詰まってしまったので質問させて下さい。 ＨＰのそれぞれのページの文字色や背景が違う為BODYをクラス分けしてCSSに記述しています。 ページによって違うリンク色等はそれぞれのページの<HEAD>内で指定していますが 外部CSSから指定する場合クラスを定義すれば出来ますが下記のBODYの中には どのように記述すれば良いか解かる方がいらっしゃいましたらご回答宜しくお願い致します。 (説明ベタですみません。要は外部CSSのそれぞれのBODYのクラス内に リンク色等の記述をしたいのです。(;^_^A ) 外部ＣＳＳ BODY.top{ color:#2E8B57;background-color:#FFEAFA; } BODY.menu{ color:purple;background-color:#FFFFFF; } top.htmlの<HEAD>内の下記を外部ＣＳＳのBODY.topの中に入れたい A:visited { text-decoration:none;color:#CD1076;} A:active { text-decoration:none;color:blue;} menu.htmlの<HEAD>内の下記を外部ＣＳＳのBODY.menuの中に入れたい A:visited { text-decoration:none;color:purple;} A:active { text-decoration:none;color:#E1ACDA;}
- ベストアンサー
- CSS
- PHPとHTMLとCSSの関係性について
PHP初心者です。 PHPとHTMLとCSSの関係性について教えてください。 今回、サイトをHTMLからPHP化しようと思っています。 （サイト管理が楽になると思ったため） 今作ってあるサイトは、外部CSS＋XHTMLで作成していますが、 そのHTML内に <? include"../../side.html";?> とPHPの実行を記述した場合、 別ページとして用意した ../../side.html は外部CSSにデザインが左右されるのでしょうか？ それとも ../../side.html の中でデザインを全て記述しなければいけないのでしょうか？ こういう基本的過ぎる内容はどこのサイトにも初心者でも分かるように詳しくは書いてありませんでした。 よろしくお願いします。 ---------------- 48時間ぶっ続けで、色々調べてみました。 そして、PHPはサーバー側での処理でHTMLを吐き出すらしい、といことがわかりました。 （確認作業で自己PCをサーバーにするとかの必要も...） CSSとHTMLは確かブラウザ側での処理ですよね？ 違っていたら教えてください。 もしそうなら、 普通に１ページの外部CSS＋HTMLを作る→PHPで切り張りする これだけで、あとは切り取ったページの更新だけで全ページに更新を表示できるし、PHPって便利だなーと思います。 基本的な事が全く分かっていないおバカさんですが、よろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
- ドリームウィーバーｃｓ5での外部cssの作り方
ｃｓ5を使っているのですが、ｃｓｓを設定すると勝手にページ内に記述されてしまいます。 外部cssを作ってそこへ記述させるようにするにはどのようにすればよいのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
お礼
大変お待たせ致しました。 仕事でいそがしかったもので、 お礼忘れていました。 ありがとうございます！！！