CSSの基礎力を一気に付ける!ボタンレイアウト20本ノック!
HTMLやCSSをこれから学び始める方、または一度学んだものの「実践で活用できない...」、「すぐに忘れてしまう...」とお悩みの方に向けた教材です。 CSSの基礎をしっかりと「体に染み込ませる」ことができれば、自由自在なレイアウトが可能になります。しかし、基礎が曖昧なままだと、どんなに応用を試みても思うようにいきません。 本教材では ボタンレイアウト に焦点を当て、基礎力を確実に身につけるための「20本ノック」形式のレッスンをご用意。 さらに、わかりやすい 動画解説付き なので、初心者でも迷わず取り組めます! 20本ノックをやり切った頃には、CSSの基礎が自然と身についており、今までの何倍もスムーズにデザインやレイアウトが楽しめるようになるはずです。 初心者の「つまずきポイント」を徹底的に解消するこの教材で、CSSの基礎を最短でマスターしましょう!
Chapters
はじめに
本書の対象者と購入前の実力テスト
このレッスンの進め方
環境構築・基本操作
最低限必要な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の使い方基本
Author
Topics