*使用方法*・・・のつづき

2.<STYLE type="text/css>～</STYLE>でページ全体に設定

<HEAD>～</HEAD>内にスタイルシートを書くと、
ページ内のそのタグ全部に同じスタイルシートを適用することができます。

<HTML>
  <HEAD>
    <TITLE>鍵盤打楽器</TITLE>

    <STYLE type="text/css">
    <!--
        H2{color:red}

    -->
    </STYLE>
  </HEAD>

  <BODY>
      <H2>シロフォン</H2>
      木琴の一種。中音～高音域。硬目のマレットを使用することで、コロコロとした甲高い音を出すことができる。
      <H2>マリンバ</H2>
      木琴の一種。低音～中音域。毛糸などで巻いた柔かめのマレットで、低音を響かせる。
    （以下略）

↓


これは、７タグ６日目に「スクロールしても背景を動かさない」でやった方法ですね。
もう一度解説しますと、
H2 { color: red }
セレクタ
「H2タグの」		 　 属性(プロパティ)
「文字の色を」		 値
「redにします」		 　

という意味になっています。
これにより、<H2>のたびにいちいち「style="color:red"」を書かずにすみますし、
あとで「やっぱ文字の色は青がいいや」と思ったりしても、<STYLE type="text/css">～</STYLE>内の red だけを blue に直せばいいので、修正が１箇所だけで済みます。楽チンですね。

また、複数の属性を指定したい場合は、さっきと同じくセミコロン(;)で区切ります。

    （略）

    <STYLE type="text/css">
    <!--
        H2{color:red; font-style:italic}
    -->
    </STYLE>

    （以下略）

<H2>だけでなく<H3>に対しても指定したい場合は、セレクタの部分にカンマ(,)で併記します。

    （略）

    <STYLE type="text/css">
    <!--
        H2,H3{color:red; font-style:italic}
    -->
    </STYLE>

    （以下略）

便利な使い方は、さらにもうひとつあります→



Copyright (C) 7tag project dv