本記事では、HTMLにCSSを読み込ませる3つの方法について解説しています。別ファイルから読み込む1つ目の方法は、CSSをHTMLとは別のファイルに記述しそれをHTML側で読み込む方法です。これが一番オーソドックスな方法で実際の開発現場で採用されています。別ファイルに記述したCSSをHTML側で読み込む方法は以下のとおりです。/></head>rel=”stylesheet”:指定するファイルはスタイルシートであるという意味href:読み込ませたいCSSのファイル名を指定cssファイルが別階層に配置されている場合は、絶対パスまたは相対パスを指定する必要があります。headタグ内にCSSを記述2つ目の方法は、headタグ内にCSSを記述する方法です。使い方は以下のとおりです。</body></html>先輩くん<head>タグ内に<style>タグを記述してその中にCSSを記述するだけだよ!タグに直接CSSを記述3つ目の方法は、h1タグやdivタグなどに直接CSSを記述する方法です。使い方は以下のとおりです。</body></html>先輩くんCSSを適用したいタグに対してstyle属性を追加して、プロパティと値を設定するだけだよ!まとめ今回は3つの方法を紹介しましたが、余程な理由がない限りは1つ目に紹介した「別ファイルから読み込む」方法でCSSを適用させましょう。2つ目・3つ目の方法は、ファイル数が増えないからとても魅力的に感じますが、CSSは読み込む順番やタグに直接CSSを書き込む場合で優先順位が変化するため上手くスタイルが適用されず表示崩れが起きてしまう原因にもなってしまいます。AGENTは、国内最大級の転職支援実績を持つIT・Web業界に強い転職エージェントです。詳細をみるフリーランス案件紹介サイトMidworksは豊富な案件と「フリーランス」と「正社員」の、良いとこ取りをした働き方を実現する手厚い保障が特徴のエージェントです。月額980円で読み放題。