外部のスタイルシートを読み込む

<link rel=”stylesheet” href=”” type=”text/css”>

スタイルシートを使って、装飾をページに反映させる場合、HTMLに直接挿入(記述)する場合の他に、外部ファイルでCSSを読み込ませることが出来ます。

挿入位置はHTML構造の<head></head>内です。
「href=””」でCSSのファイル場所を絶対パスまたは相対パスで指定します。

記述例

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html lang=”ja”>
<head>
<link rel=”stylesheet” href=”./css/style.css” type=”text/css”>
<title>デザイナーズ プロジェクト [DSPT]</title>
</head>
<body>
ホームページ作成に関する情報をまとめ…
</body>
</html>
CSSを外部ファイルとして読み込む場合は、この記述の他に、ブラウザにCSSであることを認識させる必要があります。そのため、メタタグの挿入(スタイルシートの言語設定)も併せて記述してください。

関連情報

CSSの外部ファイル化についてさらに詳しい説明や記述方法は?

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

最新のHTML5を学ぶなら

参考情報

最新情報をチェックしよう!