Home / CSSの基本 / CSSの組み込み方法 / CSS(スタイルシート)の書かれたファイルを読み込んで組み込む

CSS(スタイルシート)の書かれたファイルを読み込んで組み込む


スタイルシート(CSS)のみを記述した別のファイルを読み込む場合には、link要素を使用します。

<link rel="stylesheet" href="【CSSファイル】" type="text/css">

読み込むファイルの拡張子は通常「.css」です。

link要素は、必ず<head> 〜 </head>の範囲内に配置します。

複数のファイルを読み込む場合は、この要素を必要な数だけ配置します。


::: サンプル ::: [ サンプル画面 スタイルシート(CSS)サンプル画面 ]
【 HTMLファイル 】


【 CSSファイル 】



関連項目