[読書メモ] CSS_html/css_WEB-ITnose の権威ガイド

第 1 章 CSS とドキュメント

CSS: カスケード スタイル シート

W3C: World Wide Web Consortiam

要素はドキュメントの基礎となり

に分割されます

replaced 要素 : 要素の内容を置き換えるために使用される部分を指しますドキュメントのコンテンツによって直接表現されません

非置換要素 (非置換要素): そのコンテンツは、要素自体によって生成されたボックス内にユーザー エージェント (通常はブラウザ) によって表示されます

ブロックレベル要素 (ブロックレベル):要素ボックスの前後に「セパレータ」を含む要素ボックスを生成します。ブロック レベルの要素は、親要素のコンテンツ領域を埋めます

インライン要素 (インライン レベル): テキスト行を中断することなく、テキスト行内に要素ボックスを生成します。それ自体の前後に「セパレーター」を生成しないでください

HTML と XHTML では、ブロックレベルの要素は独自の内部要素を継承できません。また、CSS には役割をネストする方法に制限がありません

外部スタイル シート (外部スタイル シート)

代替スタイルシート: ユーザーがこのスタイルシートを選択した場合のみ、rel 属性を代替スタイルシートに設定します常にパフォーマンスを記録します。タイトルもリンクの属性です。ブラウザは、リンク要素のタイトル属性値を使用して、同じタイトル値を持つ候補スタイル シートをグループ化します。 IE 自体はスタイル シートの候補をサポートしていません。JavaScript を通じてサポートできます

スタイル シートがスタイル シートであるリンクのタイトルを指定すると、そのスタイル シートが優先スタイル シート (優先スタイル シート) として使用されることも指定されます。優先スタイル シートとして指定されたスタイル シートのグループを追加すると、そのうちの 1 つだけが使用されます

@import url() はスタイル コンテナ内でのみ出現でき、CSS では @import ディレクティブがスタイル シート内の他のルールの前に出現する必要があります。それ以外の場合は無視されます (IE は @import ディレクティブを無視しません)

Backwardアクセシビリティ: HTML コメントに宣言を含めます。 タグ内では、スタイルをサポートしていない古いブラウザーはスタイルを無視し、後続の宣言はコメント アウトされます。

CSS コメント: /* */ ネストはサポートされていません

インライン スタイル: 使用は推奨されません

第 2 章 セレクター

各スタイル シートは一連のルールで構成されます

ルール: セレクター (selector ) 宣言ブロック (宣言ブロック)

キーワードが宣言で使用されている場合、宣言全体が無視されます。

スペシャルcase: h2 { font:large/150% sans-serif}; スラッシュは、フォント サイズと行の高さを設定する 2 つのキーワードを区切るために使用されます

セレクターのグループ化: 異なるセレクターを区切るにはカンマを使用します

ユニバーサル セレクター : 次のように表示されます。 * で、任意の要素に一致します

ステートメントのグループ化: 各ステートメントの末尾にセミコロンを追加します。通常、セレクターと宣言を組み合わせたグループ化

クラス セレクター: 関連する特定の要素に関係なくスタイルを適用します。class{property:value}