言語を学ぶ

HTML&CSSでつくるスマホ風メニュー

HTML&CSSでつくるスマホ風メニュー

チャプター:6

このブックでは「はじめてのHTML」及び「はじめてのCSS」を学習した人を対象として、クリックすると大項目のリストが開き小項目のリストが表示される「スマホ風メニュー」を作成していきます。

1.レイアウトの土台のHTML構造をつくろう

このチャプターでは 「スマホ風メニュー」の土台となるHTML構造をつくります。

44P

2.全体の装飾

このチャプターではページ全体の中で大きく二つに分けられる要素として、h1要素 及びクラス名「box」を持つ要素の装飾を行います。

38P

3.大項目の装飾をしよう

このチャプターでは「大項目」となるリスト項目の装飾を行います。

42P

4.ラベルの装飾をしよう

このチャプターではそれぞれの大項目の直下にある「ラベル」の説明を行い、さらにその装飾を行います。

36P

5.小項目リストの装飾をしよう

このチャプターでは「大項目」に含まれる「小項目リスト」の装飾を行います。

34P

6.小項目リスト中の各項目の装飾をしよう

このチャプターでは「大項目」に含まれる「小項目リスト」中にある各項目の装飾を行います。

34P