(例)CSS読み込みの方法
See the Pen
link by linlin (@linlin098765)
on CodePen.
<head>
<link rel="stylesheet" href="◯◯.css">
</head>
(linkタグ)CSSの扱い方
CSSファイルはlinkタグをheadタグ内に記述することにより使用することが可能になります。
linkタグ内で「rel=”stylesheet”」と記述することにより読み込ませるファイルがCSSファイルであることを表し、「href=”◯◯.css”」と表記することでCSSファイルを読み込ませます。
hrefの指定では、ファイルの階層も示す必要があります。例えば、「./◯◯.css(HTMLファイルと同フォルダの◯◯.css)」又は「../◯◯フォルダ/◯◯.css(HTMKファイルの1つ前の階層の◯◯フォルダ内の◯◯.css)」と言った具合です。href指定は外部ホームページのCSSファイルも読み込み可能です。
CSSはHTMLファイルに直接書き込んでも問題ありませんが、コードの可読性やCSSコードの使い回しを考慮し、CSSコードはCSSファイルにのみ記載することをオススメいたします。