• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:スタイルシートの外部リンク方法は間違っていますか?)

スタイルシートの外部リンク方法と文字化けの問題

このQ&Aのポイント
  • スタイルシートの外部リンク方法は正しくありませんでした。HTMLファイルとCSSファイルのリンクタグの記述に誤りがあり、文字化けの問題が発生しました。
  • 元の質問にあるリンクタグの記述は間違っています。正しい方法は、link要素のrel属性にstylesheetを指定し、href属性にCSSファイルのパスを指定することです。
  • また、CSSファイルの拡張子を正しく指定することも重要です。質問文にはtext2.cssと書かれていますが、正しくは.cssです。

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

  • ベストアンサー
  • y3k
  • ベストアンサー率61% (16/26)
回答No.2

一点勘違いをしてました。style.cssのフォルダ内にtext2.cssがあるんですね。 indexやその他のページからも参照できるようにするのであれば、 以下のようにパスを指定してやればいいとおもいます。 <link rel="stylesheet" type="text/css" href="./style.css/text2.css">

cibinyan
質問者

お礼

お礼が遅くなり申し訳ございませんでした 無事にリンクできました! 勉強になりました 有難うございます

その他の回答 (1)

  • y3k
  • ベストアンサー率61% (16/26)
回答No.1

こんばんは。私の環境では文字化けは再現しませんでしたが、 > <link rel="styleseet" href="style.css" type="text2.css"> 上記の記載方法が誤っているように思えます。 ひとつのlinkタグで指定できるCSSファイルはひとつだけですので、 以下のように記載する必要があるのではないでしょうか。 <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="text2.css">

cibinyan
質問者

お礼

style.cssフォルダの中にtext.cssがある状態ではlinkタグを2つ記載してもレイアウトはなりませんでした 文字化けは無くなりましたが ですのでstyle.cssフォルダを削除してtext.css2をindex.htmlと同じ階に置きました所きちんと反映されました cssファイルはトップページと各子ページの2種類必要になるのでフォルダを作りまとめて保存すると良いかと思ったのですが(imgフォルダのように)・・・・ 勉強になりました!!有難うございましたm(__)m