ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTMLにCSSを実装する3つの方法は何ですか?

HTMLにCSSを実装する3つの方法は何ですか?

醉折花枝作酒筹
リリース: 2023-01-04 09:34:45
オリジナル
7185 人が閲覧しました

3 つの実装方法: 1. html タグの style 属性を使用して css スタイルを定義する; 2. ヘッダーの「」タグに css スタイルを記述するhtml ファイル; 3. 、「」タグを通じて外部 CSS スタイル ファイルを導入します。

HTMLにCSSを実装する3つの方法は何ですか?

このチュートリアルの動作環境: Windows7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS スタイルは 3 つの方法で参照されます。これらはインラインで定義され、内部 CSS にリンクされ、外部 CSS にもリンクされます。

1. インライン定義

インライン定義、つまり、オブジェクトのタグ内でオブジェクトの style 属性を使用して、該当するスタイル シート属性を定義します。形式は次のように定義されます。 : <p style="content"></p>、次の例


ブラウザにはコンテンツが表示されます。今回は


2. 内部 CSS へのリンク

CSS 内のリンクは < によって作成されます。 style></style> タグのペアは <head></head> に配置されます。