カテゴリーに所属する記事を降順表示させてください。

1.グローバルナビゲーションB：

現在"いる"ページをon表示させてください。<li class="here">になれば、下地がピンクになります。

＊ヒント：<li>にするか、<li class="here">にするかは、変数と分岐を用いることで可能になります。なお、IEの仕様ゆえ、<ul><li>部分の改行にヘンな隙間が入ります。ですので、改行を<!-- -->でコメントアウトしています。ややこしくなりそうでしたら、IE以外のブラウザで課題にチャレンジしていただけたらと存じます。

2.大見出し：

カテゴリー名を表示させてください。

3.見出し：

ブログ記事タイトルと、学年アイコンを表示させてください。

＊ヒント：<span class="schoolyear01">のclass名を変更させることで、cssからアイコンが変更できます。MTタグを用いて、class名を変更させる方法を考えてみてください。

4.本文：

ブログ記事の本文を表示させてください。

5.ボタン：

パーマリンクを貼ってください。

6.本文の下：

日付、所属カテゴリーとそのブログ記事リストページへのリンク、学年と学年アイコンが表示されるようにしてください。

7.文字サイズ：

書いた人の学年によって、文字のサイズを違えてください。

• 1・2年生が書いたら、大サイズの文字
• 3・4年生が書いたら、中サイズの文字
• 5・6年生が書いたら、小サイズの文字

にするということです。

<div class="文字サイズ">
  見出し
  本文
  ボタン
</div>

という構造になっています。CSSで、文字サイズを制御します。

• 1・2年生は <div class="fontS">
• 3・4年生は <div class="fontM">
• 5・6年生は <div class="fontL">

になるよう、MTタグを用いて、class名を変更させる方法を考えてみてください。

フォントサイズ制御専用のCSSを用意しました。詳しくは http://kiasma.jp/20080621/css/typography.css をご覧ください。