18. クラスセレクタ / ID セレクタ / 子孫セレクタ

CHECK POINTS
Classピリオド .Idハッシュ記号 #
■スタイルシートのブロックレベル設定

★ 実行例 [18-1]:「クラスセレクタ、汎用クラスセレクタ」

2005 -11- July
SunMonTueWedThuFriSat
__12345
6789101112
13141516171819
20212223242526
27282930___


18-1.html
<HTML> <HEAD> <TITLE>HTML 4.01 WORKBOOK</TITLE> <STYLE type="text/css"> BODY {background-color: LightCyan; text-align: center} TABLE {border-color: Cyan} CAPTION {font-family: 'Arial Black', sans-serif; color: Navy; letter-spacing: 0.2em} TH {background-color: SpringGreen; width: 2em} TD {background-color: CornSilk; font: 600 0.9em 'Helvetica', serif; text-align: center} COL.Sat {color: Blue} .Red_moji {color: Red} </STYLE> </HEAD> <BODY> <TABLE Summary="2005-11 のカレンダー" Border="1" Cellspacing="1" Cellpadding="7"> <CAPTION>2005 -11- July</CAPTION> <COL Class="Red_moji"><COL Span="5"><COL Class="Sat"> <TR><TH>Sun<TH>Mon<TH>Tue<TH>Wed<TH>Thu<TH>Fri<TH>Sat <TR><TD>_<TD>_<TD>1<TD>2<TD Class="Red_moji">3<TD>4<TD>5 <TR><TD>6<TD>7<TD>8<TD>9<TD>10<TD>11<TD>12 <TR><TD>13<TD>14<TD>15<TD>16<TD>17<TD>18<TD>19 <TR><TD>20<TD>21<TD>22<TD Class="Red_moji">23<TD>24<TD>25<TD>26 <TR><TD>27<TD>28<TD>29<TD>30<TD>_<TD>_<TD>_ </TABLE> </BODY> </HTML>