カテゴリー
CSS読み込み HTML5

(linkタグ)CSS読み込み-HTML

(例)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ファイルにのみ記載することをオススメいたします。