総合トップ
エンジニア転職
未経験の転職
新卒就活
プログラミング学習
ゲーム/マンガ
paizaとは?
講座一覧
問題集
スキルチェック
有料プラン
法人向け
学校フリーパス
ログイン
新規登録
メニュー
ログイン
講座一覧
スキルチェックを受ける
PC推奨
法人プラン
学校向け
おすすめコンテンツ
オフィス訪問
paizaの教育活用事例
4コマ漫画 ぱいじょ!
ゲームイベント一覧
paizaのサービス一覧
paiza転職(中途転職者向け)
paiza新卒(学生向け)
EN:TRY(未経験向け)
paizaラーニング(プログラミング学習)
paizaラーニングトップ
HTML/CSS/Bootstrap
HTML/CSS入門編レッスン一覧
HTML/CSS入門編2: CSSの基礎を学ぼうチャプター一覧
javascriptを有効にして下さい。
HTML/CSS入門編2: CSSの基礎を学ぼう
一部無料
有料プラン
Tweet
チャプター一覧
01:CSSの基本形を理解しよう
(5:49)
無料公開中
このレッスンでは、HTMLの見た目を定義するCSSについて、学習します。また、HTMLフレームワークのBootstrapを使って、スマホやタブレットでもカッコよくWebページを表示できる、レスポンシブデザインとグリッドについても解説します。
このチャプターを受講する
HTML
CSS
Bootstrap
HTML/CSS/Bootstrap
02:CSSの色指定を理解しよう
(6:48)
無料公開中
ここでは、Webページの色を変えてみます。そのために、CSSの色指定について学習します。
このチャプターを受講する
HTML
CSS
HTML/CSS/Bootstrap
03:CSSのフォント指定を理解しよう
(4:23)
ここでは、Webページのテキストのサイズや種類をCSSで設定する方法について学習します。
このチャプターを受講する
HTML
CSS
HTML/CSS/Bootstrap
04:CSSのレイアウト指定を理解しよう
(5:00)
ここではCSSを使ったパーツのレイアウトに挑戦します。そのために、CSSを使った余白や間隔の指定方法について学習しましょう。
このチャプターを受講する
HTML
CSS
HTML/CSS/Bootstrap
05:レスポンシブデザインにしよう
(4:28)
ここでは、Bootstrapのコンテナという機能を使って、Webページのデザインを整えていきます。そして、PCでもスマートフォンでも、レイアウトが崩れにくいレスポンシブデザインを実現します。
このチャプターを受講する
HTML
CSS
Bootstrap
HTML/CSS/Bootstrap
06:Bootstrapのグリッドシステムを理解しよう
(6:19)
Webページで柔軟なレイアウトを可能にする、Bootstrapのグリッドシステムを取り上げます。グリッドは、最近のWebページで主流になっている定番のデザインで、Bootstrapで簡単に実現できます。
このチャプターを受講する
HTML
CSS
Bootstrap
HTML/CSS/Bootstrap
前のレッスンへ
次のレッスンへ