yoppa.org


芸大 – 芸術情報演習デザイン(Web) 2014

CSSレイアウト

前回解説したCSSの「ボックスモデル」は、単に要素の余白や枠線を指定することができました。この仕組みを高度に応用することでページ全体のレイアウトを行うことが可能です。今回はCSSでレイアウトを行う基礎として、二段組のレイアウトを作成します。そのやり方にはいくつかの方法があります。基本的な方法から徐々に高度な方法までCSSレイアウトについて学んでいきます。

サンプルファイル

本日のサンプルファイルは以下からダウンロードしてください。

スライド資料

授業のスライドは、下記から参照してください