[読書][CSSエッセンス(第2版)]第3章CSSと画像&HTMLページレイアウト



1.外枠(外枠スタイルの追加、外枠の除去)
2.ページに背景画像を設定し、位置を設定し、背景画像を固定する.
3.任意の要素の背景画像を設定する.
4.文字を画像の上に(背景画像として)置く.
5.ドキュメントに複数の背景画像を追加する(本例ではhtmlとbody要素を用いて多重背景画像の効果を生成する);
6.ページに透明効果(PNG形式の画像を使用)を使用します.
ネット検索を利用してpaddingの4つの方向順序(上右下左時計回り)、フローレイアウト(ネット上の解釈を見て本の中の説明と結びつけて、ページ内のレイアウト要素がパーセンテージで位置と大きさを指定することを指す)を補足学習した.
[個人的な理解]
適応レイアウト:コンテナ要素は画面解像度に応じて位置を調整し、コンテナ内の文字は位置(一定範囲内)を調整せず、コンテナ要素の大きさはある程度変わらない.
フローレイアウト:コンテナ要素は画面解像度に応じてコンテナのサイズを調整し、各コンテナの位置は比例的に割り当てられ、相対的な位置は変わりません.
レスポンスレイアウト:コンテナ要素は画面解像度に応じて位置を調整し、各コンテナのサイズは異なる画面解像度に応じて異なる割合で割り当てられます.
静的レイアウト:コンテナ要素のサイズと位置が固定されます.
専門的な説明:http://blog.csdn.net/iefreer/article/details/40155459
異なる効果の比較は次のように参照できます.http://wow.techbrood.com/fiddle/1753