Cascading Style Sheets (CSS) とは、HTMLXML (XHTMLSVG などを含む) で記述された文書の体裁や見栄えを表現するために用いられるスタイルシート言語です。CSS は、要素が画面上で (あるいは紙や音声といった別のメディア上で) どのように表現されるのかを定義します。

CSS はオープンウェブの核となる言語の 1 つで、W3C 標準仕様が定められています。仕様の策定はバージョンに分けて進められており、 CSS1 が既に廃止、CSS2.1 が勧告の段階、CSS3 が (より小さなモジュールに分割された上で) 標準化の手続中のステータスにあります。

  • CSS 入門

    完全な初心者向けのイントロダクション。必要な基礎をステップバイステップで説明します。

  • CSS チュートリアル

    CSS ラーニングエリア は、初心者から中級者になるための、すべての基本事項を網羅した豊富なコンテンツがあります。

  • CSS リファレンス

    CSS のすべてのプロパティや概念について記述された、熟練のウェブ開発者向けの CSS リファレンスです。

チュートリアル

CSS ラーニングエリア は基礎から CSS を教える複数のモジュールにスポットを当てています — 事前の知識は必要ありません。

CSS 入門
このパートでは、CSS がどのように機能するのか基本から学んでいきます。学ぶ内容は、セレクター、プロパティ、CSS ルールの書き方、HTML に CSS を適用する方法、CSS 内で長さ、色や他の単位の指定方法、カスケードと継承、ボックスモデルの基本、そして CSS のデバッグ方法です。
テキストの装飾
ここではテキスト装飾の基礎を学びます。内容はフォントの設定、太字、イタリック体、行間隔と文字間隔、影の付け方などです。それから、カスタマイズされたフォントをページに適用する方法や、リストやリンクを装飾する方法を学びます。
ボックスの装飾
次に、ボックスの装飾について見ていきます。これからウェブページのレイアウトをしていく上で基礎となる部分です。このパートでは、ボックスモデルについて簡単におさらいしてから、ボックスをレイアウトする方法を学びます。内容は、パディングや境界線、マージン、背景色、画像の指定などです。またボックスへの影の落とし方やフィルターなど、ちょっとおしゃれな機能についても学びます。
CSS レイアウト
ここまででテキストの装飾にやボックスの装飾と CSS の基礎を学びました。ボックスをページの表示部分や他のボックスに対してどうレイアウトするのかを学ぶ準備が整いました。既に必要な知識は学び終えているので、より深く CSS レイアウトについて見ていきます。学ぶ内容は表示の設定や、float と position を利用した昔からあるレイアウト方法、そして flexbox のような新しいレイアウトツールを利用したレイアウト法についてです。

リファレンス

CSS 開発のためのツール

メタバグ

関連項目

ウェブのレイアウトコミュニティに参加してください

あなたの好きな方法でディスカッションに参加してください

ドキュメントのタグと貢献者

 最終更新者: dskmori,