ホームページ > 記事 > ウェブフロントエンド > 第2章 CSSの適用方法
C SSSSの宣言方法
この章からCSSの応用について紹介していきます。もちろん、最初に紹介するのはスタイルシート(スタイルシート)の作成方法であり、その宣言方法やWebページへの適用方法も含めて最後にCSSの特徴についてもいくつか説明します。大まかに言えば、CSS を宣言するには 3 つの方法があります。 1. 基本宣言: CSS を宣言する最も一般的な方法。要素{プロパティ:値} 中国語で表現すると要素(ラベル){プロパティ(プロパティ)名:設定値} 例:H3{COLOR:BLUE}の文の集合です。 2. 集団宣言: 1 つまたは複数のコンポーネント (ラベル) のスタイル ルール (プロパティ) のグループまたは配列 (ルールの各グループ間はセミコロンで区切られます) を同時に宣言します (各コンポーネント (ラベル) の間はカンマで区切られます)。コンポーネント(ラベル) {プロパティ(プロパティ)名1:設定値1; プロパティ(プロパティ)名2:設定値2;... } または コンポーネントA(ラベルA)、コンポーネントB(ラベルB)、コンポーネントC(ラベル) C), ... {プロパティ (属性) 名 1: 設定値 1; プロパティ (属性) 名 2: 設定値 2;...} 例: TD {COLOR: BLUE;font-size: 9pt;} またはTD,P,DIV {COLOR: BLUE;font-size: 9pt; } 3. サブ項目の宣言: 多くのスタイル ルールをグループ化し、個別に宣言します。コンポーネント A (ラベル A) {プロパティ (プロパティ) 名 1: 設定値 1; プロパティ (プロパティ) 名 2: 設定値 2; }コンポーネント A (ラベル A) {プロパティ (プロパティ) 名 3: 設定値 3 ;属性) 名前 4: 設定値 4; } 例: TD { COLOR: BLUE; font-size: 9pt}TD { font-family: "standard italic style";宣言されたプロパティが異なるため、互いに競合することはありません。誤って同じプロパティを 2 回宣言した場合、後で宣言した設定のみが有効になります。ちなみに、文の形式が正しければ、大文字小文字、空白、改行に関係なく、自分の習慣に従って記述できます。
CSS 応募方法
次に紹介するのは、作成したスタイルシートをWebページに適用する基本的な4つの方法です。 1. STYLE 属性を使用します。STYLE 属性を個々のコンポーネント タグに直接追加します。 <コンポーネント(ラベル) STYLE="プロパティ(プロパティ)1: 設定値1; プロパティ(プロパティ)2: 設定値2; ...} 例:
上記は第 2 章 CSS 適用方法の内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) に注目してください。