スタイル指定
(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)クライアント別にスタイル指定の変更 参照「クライアントの種別を知る」