CSS仕様を理解するために、プログラマーやCS専攻である必要はありません。 18歳以上である必要も、学士号を持っている必要もありません。 必要なのは、非常に細かい点にこだわり、粘り強く、徹底的であることです。
仕様書はマニュアルではありません。 書き方が悪い文章には言い訳はできませんので、もし見つけたらぜひ苦情を送ってください。 ただし、仕様書は特定の読者層を対象にしています。
J. David Eisenbergはウェブデザイナー向けに便利なW3C仕様書の読み方を執筆しています。 技術仕様書を読むことに慣れていない場合は、まずこれから始めることをおすすめします。
また、CSSについて全く知らない場合は、まずCSSが何か、どう使うかを学ぶことをおすすめします。
ごく簡単なチュートリアルとしては、CSS 2.1の導入から始めてもよいでしょう。
より詳しく親しみやすい入門を求めるなら、CSSの基本に焦点を当てた書籍を選んでください(デザイン重視ではなく)。
テキストエディタでCSSを試してみたり、いくつか模擬ホームページを作成してみましょう。
セレクタの詳細度やマージンの折りたたみについても知ってください。
* { border: 1px dashed gray; }をウェブページに追加して、ボックスモデルを目で確認してみましょう。
これらがどこに向かっているかのイメージを持っておくことで、仕様書の乾いた技術的な内容も理解しやすくなります。
CSS仕様を理解するためには、仕様が構成されている文脈、用語、基本的な概念を理解する必要があります。仕様を本当に理解したいのであれば、下記に挙げる仕様セクションをしっかり理解することが必要です。
CSS 2.1のような一部のCSS仕様には、正誤表(公開後に行われる修正)が存在します。仕様を解釈する際は、必ず正誤表を確認してください! 仕様は、テストや実装によって問題が発生するたびに、まだ変更が加えられています。これらの修正はまだ本文に反映されていませんが、仕様を正しく理解するには非常に重要です。正誤表ページへのリンクは仕様書の冒頭にあります。
仕様書を深く理解する最良の方法は、仕様書そのもの(技術だけでなく)を使ってみることです。最適な方法は、テストケースを作成し、それが仕様に従って正しい理由を説明することです。もちろん自分でテストケースを書いて楽しむこともできますが、QAプロジェクトに参加すれば、もっと多くを学べますし、CSSコミュニティ(著者、実装者、仕様策定者)にも貢献できます。テストケースの作成、改善、バリエーション追加、仕様に関する質問への回答などを通じて学び、貢献できます…
仕様書をよく読んでもまだ分からないことがあれば、www-styleで質問することができます。
Last updated Wed 01 Oct 2025 10:17:27 AM UTC