簡単アウトプット- HTML.CSS -
本日は、画面を考えます。
どうゆうことかというと、
<h1>プログラミング初心者</h1>
と画面に表示する時、どこにどうやって表示させたいか。 指定して見栄えよくしたいものです。
その時に必要なのが、積み木(パズル)の考え方です。
- 画面は、積み木をはめ込むための外枠
- 各要素は、四角い積み木と考える
- 積み木は、左上を基準にして順番に配置できる
これが基本です。
次に必要なのは、その積み木はどんな大きさなのかによって配置の仕方が変わってきます。
ちょっと難しく・・・
ブロック要素 | 画面幅、いっぱいに表示される |
インライン要素 | 要素その部分のみ |
長い四角の積み木か、正方形の積み木かとイメージしてください。
ここは次に説明するとして・・・
長い四角や正方形の四角を並べて配置していくイメージは持てたかと思います。
これが後々、配置を指示したり、余白入れや高さ・幅指定するのに必要になります。
とりあえず、今回は、
- 画面は、積み木をはめ込むための外枠
- 各要素は、四角い積み木と考える
- 積み木は、左上を基準にして下へ順番に配置できる
- 長い四角と正方形(イメージのため正方形にしましたが、本来は違います)の四角で配置する
をイメージして終わりにします。
まだ画像を貼り付ける方法がわからず・・・ 文字だけで申し訳ないです。 随時、更新します