お見合いパーティー


高性能検索順位チェックツール(無料)

CSS(スタイルシート)を外部ファイルにする

CSS(スタイルシート)をHTML文書内に直接記述せず、外部ファイルとして読み込む方法です。

外部ファイルとして読み込めば、複数のHTML文書で同じスタイルを適用できるので便利です。デザインを変更したい場合も、一つの外部ファイルを編集するだけで済むので管理・更新がラクになります。

CSS(スタイルシート)の作成

まずは読み込むスタイルシートのファイルを作成します。
テキストファイルにCSS(スタイルシート)の部分のみを記述します。

h2 {
  font-size: 150%;
  color: red;
}

p {
  color: blue;
}


拡張子「.css」として保存します。ここでは「style.css」とします。
.cssで保存


HTMLにCSS(スタイルシート)読み込む

次に、HTML文書に作成したCSS(スタイルシート)を読み込みます。
HTML文書のhead要素の中に以下の記述をします。

<link rel="stylesheet" href="style.css" type="text/css" />




スポンサードリンク