CSS のレイアウトにおける基本 5 要素

Web 制作を生業とされている方にはつまらない内容のエントリですが、

自分は社会人になってから IT業界でシステム開発・サーバー管理系ばかりやってきたので、
Web デザインってものをちゃんと体系的に学んで来ませんでした。
自分の中での優先度が低かったのもあります。

しかし今年 2013年に入ってから数件 Web 制作をやる機会があり、

また現在も自社のホームページ制作をやっている状況で、
CSS 触る機会が非常に増え、CSS 知りませんでは難しい状況になりました。

そんな時に自分の中での CSS の先生であるニコシスの Y さんから教わった CSS のレイアウトにおける重要な 5 つのプロパティ。

• margin
• padding
• display
• float
• position

この 5 つのプロパティが CSS を使ってレイアウトを組む上では必須知識で、これらを理解して使いこなせば、Web 制作に関してド素人だった自分でも大抵の事は出来るようなりました。

これらプロパティ以外にも、ブロックレベル要素やインライン要素、CSS の優先順位など基本的な事はたくさんありますが、この 5 つのプロパティはとても重要なのでしっかりと抑えておきたいです。

一度きちんと学ぶには自分としては以下の書籍がオススメです。

[参考]
Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト
http://amzn.to/1d83hFN