CSSを外部にまとめて1つに置けば、デザインはそれを
変更すればいいので簡単になると書かれていました。
それもそうだなと思ったのですが、
実際にコードを書いてて分からなくなりました。
例えばサイト構成を次のようにします。
|-- index.html
|-- books/
| |-- book1
| | |-- book2
| |--test.html
|
|
|-- CSS
| |-- test1.css
|
こんな感じでフォルダ構成を考えた時、
test.htmlにtest1.cssを当てる時は
/CSS/test1.cssでいいのでしょうか。
/と来ればサーバの先頭なので違うと思うんですが。
あるいは皆さんは他の方法で実装していますか?
No.1
- 回答日時:
/CSS/test1.css
と書く事もあれば、
../../../CSS/test1.css
と書く事もあります。
共通cssファイルは絶対パス、htmlファイル毎のcssファイルは相対パスが多いです。
理由はタダ単に管理しやすいからだけなので、
全部を絶対パスにした方が管理しやすければ、そうすればいいと思います。
ご回答有り難うございます。
../が使えるのは知っていましたが、
../../が使えるのは知りませんでした。
それを知っただけでも大きく前進できたと思います。
将来的に引っ越しを考えた場合、
全部を絶対パスっていうのは無理かなと思っていた所です。
他にも何か面白い手段があるかもしれないので、
その他の方法がある方は宜しくお願いします。
No.2ベストアンサー
- 回答日時:
初心者でしたら、ルートからの絶対パスは忘れてください。
確かに便利なのですが、ローカルにHTTPサーバーが無い限り機能しません。[便利な面]UNIXでは、ドライブと言うものはなくて、すべて/(ルート(根っこ))からのディレクトリやファイルになります。(プリンターだってファイルとして扱われる)
その際に、どの位置に実際にファイルやディレクトリ(Windowsのフォルダー)があるかと、それへのパスは必ずしも一致していない。これはWindowsでも同じで、マイドキュメントフォルダーは\マイドキュメントにあるように見えますが、実際にはどこにあってもよいでしょ。たとえばC:\Document and settings\user名\My Documentとか、D:\Documentとか。
エイリアス(別名)、ショーツカット(近道)、マウント(割り当て)などの仕組みがある。
すみません。頭が痛くなる話で・・
ローカルにサーバーと同じようなHTTPサーバーがインストールされていれば、http://locla.host/ というものをルートとして、具体的にはその位置はD:\Web1\に設定したりします。そうすると、パスを /css としただけで、実際には D:\Web1\css内を探してくれますが、サーバーが無い場合は、file:///D:\css を探してしまいます。
この様な理由で、現在HTTPサーバーをインストールされていない限りは、相対パスで指定するしか方法はありません。
ちなみに私は、G:\usr\locla\apache にHTTPサーバーをインストールして、
http://local.nifty/ で、G:\user\web\nifty
http://local.hoge/ ゛て、G:\user\web\hoge
がそれぞれルートになるように設定していたりします。すべてのテストがローカルで出来るようにね。
でも、これは趣味でサイトを作っている間は不要です。
この回答への補足
どちらをベストアンサーにするか悩みました。
No1の方が私としては非常に役に立ったのですが、
こちらの方は私が知らない知識を3つ。
ということでこちらの方に決定させて頂きます。
No1さん、済みません。
ご回答有り難うございます。
部分部分で知識があるので何とか話についていけます。
どうやら絶対パスでサイト構成を記述するのは
管理が大変になるという感じがしました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS webデザイン、HTML、CSSに詳しい方、これのHTML、CSSのコードを詳しく教えてほしいですm 1 2023/03/22 14:52
- システム ホームページの仕組みについて 3 2022/08/16 14:33
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS htmlとcssで吹き出しの中に文字を置きたいのですが、 html 〈div class bb〉 〈 3 2023/02/04 22:44
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS brにクラスをつけてcssでdisplay:none;としても改行されてしまいます 2 2022/06/22 14:45
- HTML・CSS 【CSS】特定のリンクを含むaタグを指定できるかどうか? 3 2022/10/15 02:45
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html とcssのリンクがうまくい...
-
cssで、ボタンのテキスト部分を...
-
[Dreamweaver8]テンプレートに...
-
cssファイルを階層の異なるHTML...
-
ブラウザによる表示の違いについて
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
outlook 文字を揃えたい。tab...
-
「MS Pゴシック」と同じ幅の...
-
EXCEL VBA 印刷プレビューダイ...
-
CSSを一部無効にしたい
-
ワードでゴシックの文字を太く...
-
エクセルVBAが中国のPCでは動か...
-
縦書きテキストボックスの表示"...
-
英語版OSでの遊明朝、游ゴシック
-
【スタイルシート】 半角と全角...
-
ペイント3Dのテキストサイズ変更
-
font-family の記載方法
-
MsgBoxについて
-
ASP VBscript でメッセージボッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
HTMLの CSSのファイルというの...
-
cssで、ボタンのテキスト部分を...
-
複数のhtmlで同じcssファイルを...
-
cssファイルを階層の異なるHTML...
-
cssが反映されません
-
一部のページにデフォルトCSSを...
-
WindowsとMacで違うCSSを読み込...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
ブラウザでプレビューでCSSが反...
-
範囲指定印刷での位置(css)
-
ドキュメントルートより上の階...
-
スタイルシート(CSSスタイル)...
-
Dreamweaver のテンプレートで...
-
【CSS】スタイルやクラスがどの...
-
cssでiPhone SEで文字が小さす...
おすすめ情報