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

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

Apr 07, 2021 am 11:26 AM
css html

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> に配置されます。