edubun
日本語

CSS

CSS で Web ページをデザインする九つの単元です。ルール一つの形から、スマートフォンでレイアウトが組みかわる完成したページまでを学びます。どの単元にも、ページの計算済みスタイルをチェックするライブエディターがあり、フラッシュカードと解説つきの練習問題9〜11問がついています。

進み具合
  1. 1CSS の役割
  2. 2セレクターとカスケード
  3. 3色と単位
  4. 4ボックスモデル
  5. 5タイポグラフィ
  6. 6フレックスボックス
  7. 7グリッドの基本
  8. 8メディアクエリを使ったレスポンシブデザイン
  9. 9小さなページにスタイルをつける
このコースの出典 (6)
  • W3C CSS Working Group specifications: CSS Snapshot 2025, Selectors Level 4, CSS Cascading and Inheritance Level 5, CSS Color Level 4, CSS Values and Units Level 4, CSS Box Model Level 3, CSS Box Sizing Level 3, CSS Fonts Level 4, CSS Flexible Box Layout Level 1, CSS Grid Layout Level 2, Media Queries Level 4 and Level 5 (w3.org/TR/, checked 2026-10-17)
  • MDN Web Docs, Learn web development: CSS styling basics and CSS layout, and the CSS reference (developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics, .../Core/CSS_layout, developer.mozilla.org/en-US/docs/Web/CSS, checked 2026-10-17)
  • W3C, CSS history and CSS1 Recommendation of 17 December 1996 (w3.org/Style/CSS20/history.html, w3.org/press-releases/1996/css1-rec, checked 2026-10-17)
  • W3C WCAG 2.2, success criteria 1.4.3 Contrast (Minimum)
  • 1.4.8 Visual Presentation, 1.4.10 Reflow, 1.4.12 Text Spacing (w3.org/TR/WCAG22/, checked 2026-10-17)
  • every code exercise checked with a Playwright probe against a reference solution.

確認日: 2026-10-17