yoppa.org


immediate bitwave

多摩美 – メディア芸術基礎 I / II 2013

CSSレイアウト、CSSフレームワークを使う

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