プログラミング言語アイコン
HTML/CSS入門編2: CSSの基礎を学ぼう

チャプター一覧

01:CSSの基本形を理解しよう (5:49) 無料公開中
このレッスンでは、HTMLの見た目を定義するCSSについて、学習します。また、HTMLフレームワークのBootstrapを使って、スマホやタブレットでもカッコよくWebページを表示できる、レスポンシブデザインとグリッドについても解説します。
02:CSSの色指定を理解しよう (6:48) 無料公開中
ここでは、Webページの色を変えてみます。そのために、CSSの色指定について学習します。
ここでは、Webページのテキストのサイズや種類をCSSで設定する方法について学習します。
ここではCSSを使ったパーツのレイアウトに挑戦します。そのために、CSSを使った余白や間隔の指定方法について学習しましょう。
ここでは、Bootstrapのコンテナという機能を使って、Webページのデザインを整えていきます。そして、PCでもスマートフォンでも、レイアウトが崩れにくいレスポンシブデザインを実現します。
Webページで柔軟なレイアウトを可能にする、Bootstrapのグリッドシステムを取り上げます。グリッドは、最近のWebページで主流になっている定番のデザインで、Bootstrapで簡単に実現できます。
ページの先頭へ戻る