HTMLやCSSをこれから学び始める方、または一度学んだものの「実践で活用できない...」、「すぐに忘れてしまう...」とお悩みの方に向けた教材です。
CSSの基礎をしっかりと「体に染み込ませる」ことができれば、自由自在なレイアウトが可能になります。しかし、基礎が曖昧なままだと、どんなに応用を試みても思うようにいきません。

本教材では ボタンレイアウト に焦点を当て、基礎力を確実に身につけるための「20本ノック」形式のレッスンをご用意。
さらに、わかりやすい 動画解説付き なので、初心者でも迷わず取り組めます！

20本ノックをやり切った頃には、CSSの基礎が自然と身についており、今までの何倍もスムーズにデザインやレイアウトが楽しめるようになるはずです。
初心者の「つまずきポイント」を徹底的に解消するこの教材で、CSSの基礎を最短でマスターしましょう！

CSSの基礎力を一気に付ける！ボタンレイアウト20本ノック！

はじめに

本書の対象者と購入前の実力テスト

このレッスンの進め方

環境構築・基本操作

最低限必要なHTML,CSSの技術

ボタンレイアウト前の練習問題

box-sizing: border-box;が必要な理由

displayの使い方と + ブロックとインラインの違い

flexの使い方基本

hoverの指定方法とtransitionについて

GoogleFontsフォントの指定方法

■ ボタンレイアウト - 1～4

Font AwesomeのSVGデータを利用する方法

■ ボタンレイアウト - 5～10

positionの指定方法 基本

疑似要素の使い方

■ ボタンレイアウト - ノック 11～15

transformの使い方基本

■ ボタンレイアウト - ノック 16～20

calcの使い方基本

html

css3

html5

ryuichi