外部cssの記述方法について
よろしくお願いします。
cssを外部リンクにしたくご質問をさせて頂きました。
まず、始めにフォルダの構成ですがWフォルダというのがあります。
その中に、1というフォルダがあります。
その1フォルダの中にトップページが入っています
(直下に置きたくないため)
そのトップページの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ファイルは1フォルダの中に保存しました。これですとcssは適用されるのですが
これを1フォルダの中に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
また、別のページですが、1フォルダの中にaというフォルダを作成してtest1.htmとtest2.htmlが入っております。
その際ですが、commonness.cssは共通で適用させたく、更にはtest1.htmとtest2.htmlにのみ適用させたいcssもあるのですが
htmlへの記述方法がいまいち理解出来ずご質問をさせていただきました。
私は、Wというフォルダにcssというフォルダを作成して、その中に全てのcssファイルを保存しようと考えていたのですが、考え方が間違っておりますでしょうか?
共通に適用させたいページが保存してあるフォルダの中全てに、commonness.cssファイルを保存した場合、
いざ、編集する際に全てのcssを編集しなければならなく、それでは外部cssにする意味が無いと思うのですが
やはり、そうでしょうか?
うまく、説明が出来ないのですが、どなた様かご指導の程よろしくお願いします。
お礼
いやぁずいぶん高いところからの回答アリガト でも参考URLはずいぶん参考になりました というか”HTMLタグ 絶対パスと相対パス”こういう説明を探していました ありがとうございました