CSSとは
CSSは、”Cascading Style Sheets”の略で、スタイルシート言語と呼ばれる、プログラミング言語の一種で、HTML文書の体裁や見栄えを表現するために用いられます。
CSSの仕様は、「W3C標準仕様」によって、ウェブブラウザー間で標準化されています。
CSSの仕様にはいくつかバージョンがありますが、現在の主流は”CSS2.1″と”CSS3″で、”CSS2.1″は仕様として固まり標準仕様として勧告されており、それを拡張する形で、”CSS3″の内容が順次勧告されていっている、という状態です。
CSS はルールベースの言語です。ウェブページ上の特定の要素かグループに適用するスタイリングのルールを定義します。
例えば、「ページ上の <h1> 要素の文字を太字にして、下線を引きたい」や「ページ上の <p> 要素内の行間を空け、さらに要素の下に余白を付けたい」といった、ウェブページの見た目に関することを定義することができます。
CSSの基本的な構文
セレクターリスト {
プロパティ : 値;
[他のプロパティ:値; の組み合わせ]
}
プロパティ : 値;
[他のプロパティ:値; の組み合わせ]
}
セレクターリスト は セレクター [ : 疑似クラス ] [ :: 疑似要素 ] [ , 他のセレクターリスト ] のように記述します。
CSSの主要な概念
- CSSの構文と書式
- 優先順位と詳細度
- 継承とカスケード
- CSS 単位と値
- ボックスモデルとマージンの相殺
- 包含ブロック
- 重ね合わせコンテキスト (サンプル)
- ブロック整形コンテキスト
- CSSの値の計算(指定値 / 初期値 / 計算値 / 使用値 / 実効値)
- CSS一括指定プロパティ
- CSSフレックスボックスレイアウト
- CSSグリッドレイアウト
- CSSセレクター
- メディアクエリ
- アニメーション
このサイトでは、CSSのセレクタ・プロパティなどの定義は下記サイトを参考にしています。
MDN Web Docs: https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。

コメント