この「CSS基礎」では、Web制作でよく使うプロパティを中心に学習していきます。
それぞれのプロパティがどのような役割を持ち、どんな値を指定できるのかを、実際にコードへ適用しながら確認していきましょう。
手を動かしながら試していくことで、CSSの基本的な考え方と仕組みを自然に身につけることができます。
CSSを使って自己紹介ページにスタイルを追加しよう
趣味紹介ページに外部CSSを追加しよう
リストや用語集にスタイルを追加しよう
画像とレイアウトにスタイルを追加しよう
CSSでリンクリストを装飾しよう（:last-child とボックスデザイン）
ここまでの振返確認：CSS基礎01から05までの理解度チェック
Tableを装飾しよう（罫線・背景色・nth-child）
ここからのレイアウトのために：displayプロパティを理解しよう
お問い合わせフォームをCSSで装飾しよう（Flexboxと属性セレクター）
制作実績をCSSのFlexboxとレスポンシブでレイアウトしよう
記事とサイドバーをCSSでレイアウトしよう（Flex + レスポンシブ応用）
独立した記事カードをCSSのGridでレイアウトしよう（rem設計）
ナビゲーションとページ内リンクを作ろう（Flexとスクロール演出）
画像にキャプションを重ねよう（Gridとアニメーション）
付録：CSSの class 属性とは？
CSS：プロパティ一覧（用途別）
