スタイル指定

(1)概要

 Webページの見栄え(色、サイズ、フォントなど)を変更する
 参考:他人のWebページの「ソース」を見る。
 参考:とほほのWWW入門 http://tohoho.wakusei.ne.jp/
 参考:Biglobeパワーアップ http://kingdom.biglobe.ne.jp/

(2)方法

1)その場所で直接指定
2)別ファイル(拡張子は、.css)で
3)Head部分にまとめて書く
注:シートじゃないときもシートという。
  セミコロン;で複数指定が可能だ。

(3)直接指定する例(色、サイズ、フォント)

1)その場所で  ここは<SPAN STYLE="color: red">赤く</SPAN>なる。
2)タグごとに  <P STYLE="color: red">ひとつの段落</P>

(4)一挙に指定する(スタイルシート)

1)手順
 スタイルシート(例:style.css)を作成する。
 それを、WebページのHead部分で読み込む。
  <LINK rel="stylesheet" type="text/css" href="./style.css">
  例:ToyoWave http://www.toyowave.com/

2)既存クラスの属性の指定(セミコロン;で属性を複数指定可能)
 a {font-size: 12pt}
 a:link {color: #0000AA} その他に a:visited 、a:active、a:hoverがある。
3)新クラスの定義とその属性の指定
 .big {color: #000000; font-size: 14pt}
 .bigbold {color: #000000; font-size: 14pt; font-weight: bold}
  使用例:HTMLファイル内で、<SPAN CLASS=big>大きな字</SPAN>

(5)一挙に指定する(Head部で) スタイルシートと同じ内容をSTYLEタグで囲む。

(6)クライアント別にスタイル指定の変更  参照「クライアントの種別を知る