CSSファイルを読み込む

書式

<link rel="stylesheet" href="読み込むCSSファイルのURL"">

説明

HTML5でCSS3のファイルを読み込ませるにはlink要素を使います。使い方は従来のスタイルシートを読み込ませる場合と変わりません。HTML5ではlink要素のtype属性を省略した場合、text/cssとして処理されます。また、読み込ませるCSSファイルが複数ある場合にはlink要素をファイルの数だけ記述するか、読み込ませるCSSファイル内で@importを使ってファイルを読み込ませます。
link要素による読み込みは全てのブラウザ(IE,Safari,Firefox,Opera,Google Chrome等々)が対応しています。なお、IE9より前のIEでは読み込ませることができるCSSファイルの数に上限(32まで)があります。

サンプル サンプルを実行 サンプルをダウンロード

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3例文辞典サンプル</title>
<link rel="stylesheet" href="css/main.css"">
<body>
<h1>CSS3 Sample</h1>
<p>見出し文字の色が赤色になります</p>
</body>
</html>
目次に戻る