ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLファイルにCSSを入れる方法

HTMLファイルにCSSを入れる方法

藏色散人
リリース: 2023-01-03 09:30:57
オリジナル
29810 人が閲覧しました

HTML ファイルに CSS を入れる方法: 1. HTML タグの style 属性に直接 CSS を追加する; 2. HTML ヘッダーの style タグの下に CSS を記述する; 3. head タグを使用して外部を導入するCSS ファイル; 4. CSS ルールを使用して外部 CSS ファイルを導入します。

HTMLファイルにCSSを入れる方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

HTML に CSS を導入する方法

HTML に CSS を導入するには 4 つの方法があります。そのうち 2 つは CSS コードを HTML ファイルに直接追加するもので、他の 2 つは外部 CSS ファイルを導入するものです。これらの方法とその長所と短所を見てみましょう。

インライン メソッド

インライン メソッドとは、CSS を HTML タグの style 属性に直接追加することを指します。

例:

<div style="background: red"></div>
ログイン後にコピー

これは通常、悪い書き方であり、現在のタグのスタイルのみを変更できます。複数の

に同じスタイルを持たせたい場合は、同じスタイルを各
に繰り返し追加する必要があります。スタイルを変更したい場合は、すべてのスタイルのコードを変更する必要があります。 CSS コードをインラインで導入すると、HTML コードが冗長になり、Web ページの保守が困難になるのは明らかです。

埋め込みメソッド

埋め込みメソッドとは、HTML ヘッダーの