外部スタイルを読み込む

優先度diamond

外部スタイルを使用することで、複数のページを一括管理することができます。

ファイル名は任意の半角英数字で、ファイルの拡張子は .css です。
外部スタイルシートファイルにスタイルの設定を記述する時は、style要素()やコメント()は使用せず、スタイルの設定内容のみを記述します。

▼スタイルシートへの記述例

body {
background-color: #ffffff;
color: #000000;
margin: 0;
padding: 0;
}
#header {
background-color: #cccccc;
}
div {
color: #666666;
}

▼HTMLへの記述

<link rel=stylesheet type=”text/css” href=”ファイル名.css“>

▼media属性を使用する場合

<link rel=stylesheet type=”text/css” href=”style1.cssmedia=”screen,tv”>
<link rel=stylesheet type=”text/css” href=”style2.cssmedia=”print”>

「style1.css」はコンピュータ(screen)とテレビ(tv)で、「style2.css」はプリンタ(print)で使用されます。

コメント