言語を学ぶ

HTML&CSSでつくる新聞の1ページ

HTML&CSSでつくる新聞の1ページ

チャプター:5

このブックでは、HTMLとCSSを使用して簡単なボタンのレイアウトを作成します。実際に一つのレイアウトを作成してゆく中で、HTMLとCSSを連携させた実用的なプログラミングがどのように行われるかを理解することが可能です。

1.「divタグ」で複数要素をいれる"箱"をつくろう

このチャプターではHTMLを用いて、レイアウトのベースとなる「箱」を作成します。

26P

2.箱を装飾してみよう

このチャプターでは、前回のチャプターで作成した「箱」そのものに対して、実際にCSSを用いて装飾を行います。

25P

3.要素のデフォルト値を初期化しよう

このチャプターでは、ブラウザごとにデフォルトで適用されている値の初期化を行います。

26P

4.各要素にスタイルを適用しよう

このチャプターでは、前回までのチャプターでデフォルト値を設定した各要素に対して、更にスタイルを設定します。

28P

5.右下を折り返したレイアウトにしよう

このチャプターでは、右下に折り目をつけたように見えるレイアウトをつくります。

30P