1. CSS の仕組み_html/css_WEB-ITnose

CSS は Cascading Style Sheets の略で、HTML (Standard Generalized Markup Language のアプリケーション) や XML (Standard Generalized Markup Language のサブセット) などのファイル スタイルを表現するために使用されるコンピューター言語です。これは、Web ページのパフォーマンスとコンテンツを完全に分離できるスタイル デザイン言語であり、Web ページ内のオブジェクトの位置と組版をピクセル レベルで正確に制御でき、ほぼすべてのフォント サイズとスタイルをサポートし、編集する機能があります。 Web ページのオブジェクトとモデルのスタイル。事前のインタラクション デザインを実行する機能と、テキスト表示に基づく現在最高のパフォーマンスのデザイン言語です。

CSS ルール

CSS ルールは、実際には、HTML 要素を選択し、次に選択された要素のスタイルを設定する

以下は、単純な CSS ルールです。段落の背景色を緑色に設定します

p{background-color: green}

CSSの基本ルール

CSSルールはセレクター+宣言で構成されます

セレクター:選択される要素を示します

宣言:属性と値で構成され、属性はそれを示します影響 要素のスタイルと値は、実際には属性の状態です

上の例では、左から右へのルールが、セレクター、左中括弧、属性、コロン、値、右中括弧であることがわかります

基本ルールの拡張 1: 複数の宣言が 1 つのルールに含まれます

p{color: green;font-size: 45px;font-weight: bold}

各宣言の後にセミコロンを追加して分離を示します

基本ルールの拡張 2: 複数のセレクターが結合されます

h1,h3,p{color: green;font-size: 45px;font-weight: bold}

Separateカンマ付きのセレクター

基本ルールの拡張 3: 複数のルールが同じセレクターに適用されます

h1,h3,p{color: green;font-size: 45px;font-weight: bold}

ここで、p 段落の背景色を青にしたいので、引き続きルールを追加できます

p{background-color: blue}

CSS セレクターの分類

特定の要素を選択するために使用されるすべてのセレクターは、コンテキスト セレクター、ID およびクラス セレクター、属性セレクターの 3 つのタイプに分類されます

コンテキスト セレクター