CSSによってレイアウトのDIVを配置したので、次にHTMLタグのスタイルとリンクの動作を決定するCSSルールをいくつか作成します。新しいCSSルールを作成し、「セレクタタイプ」から「タグ」を選択します。「タグ」プルダウンメニューから、「body」を選択します。各カテゴリについて、右の設定を入力します。
２つの新しいCSSルールを作成し、「セレクタタイプ」で「タグ」を選択して、「タグ」プルダウンメニューから「h1」と「a」を選択します。以下の設定を入力します。
新しいCSSルールを作成し、「セレクタタイプ」で「詳細設定（IDおよび擬似クラス）」を選択して、「セレクタ」プルダウンメニューから「a:hover」を選択します。このタグは、リンク上にカーソルが重なったときの状態（マウスオーバーの状態）を制御します。「タイプ」の設定で、背景カラーの最上部にある青色をスポイトで選択します。
次に、footer_rightのDIV内のすべてのリンクを、aタグのCSSルールで定義されているピンクではなく、黒で表示するためのCSSルールを作成します。このルールを作成するには、footer_rightのDIV内のすべてのaタグを黒で表示する、詳細設定クラスを作成する必要があります。この詳細設定クラスに「footer_right a」（「a」の前にスペースあり）という名前を付けて、footer_rightクラス（DIV）内のaタグだけを対象にします。
次に、「footer_right a:hover」という名前の詳細設定クラスを作成し、footer_rightのリンクをポイントしたときだけの状態を作成します。
