CSSで導入された3つのメソッドの簡単な紹介

この記事の内容は CSS で紹介されている 3 つの方法を簡単に紹介したものです。必要な方は参考にしていただければ幸いです。

CSSを導入するには、内部スタイルシート、インラインスタイル(インラインスタイル)シート、外部スタイルシートの3つの方法があります。 もちろん、複数のスタイルを使用することも可能です

inline style

rreee

inline。 style スタイルを HTML コード行に直接アンロードします。通常、このスタイルが現在の要素にのみ適用される場合にのみ使用されます。それ以外の場合には使用しないでください。

内部スタイルシート

<p style="color:red;font-size:20px">内联样式表</p >

内部スタイルシートは通常、HTML ヘッダー内に記述され、93f0f5c25f18dab9d176bd4f6de5d30e タグ内の c9ccee2e6ea535a969eb3f532ad9fe89 タグで囲まれます。このメソッドは通常、現在のページに特別なスタイルが必要な場合に使用されます。

外部スタイルシート

 <style>
        p {
            color: blue;
            font-size: 20px        }
    </style>

外部スタイルシートとは、cssファイルにスタイルを別途記述し、head内で参照することです。外部スタイル シートを使用する場合は、複数のスタイルが表示される場合にスタイル オーバーライドによって引き起こされる問題に注意してください。

複数のスタイル

複数のスタイルを使用する場合、一般的に、複数のスタイルシートは次のルールに従って1つに重なり合います。そのうちの4が最も重み付けされます

1. ブラウザのデフォルト設定

2. 外部スタイルシート

3. 内部スタイルシート（headタグ内にあります）

4. インラインスタイル（HTML要素内）

複数のスタイルの優先順位

同じ要素の複数のスタイルの場合 個別のスタイルの場合、優先順位は次のとおりで、7 が最も優先されます (!重要なルールを除きますが、通常は使用しないようにしてください):

1. ユニバーサル セレクター (*)

2. 要素 (型) セレクター

3. クラスセレクター

4. 属性セレクター

5. 擬似クラス

6. IDセレクター

7. インラインスタイル

関連推奨事項:

css フローティング要素をラップする方法

まとめCSS でのグリッド レイアウトの使用法 (コード付き)

以上がCSSで導入された3つのメソッドの簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。