HTML に CSS を導入するいくつかの方法と違い photos_html/css_WEB-ITnose

1. HTML タグの style 属性を使用します

例:

この方法の利点: 分散されており、柔軟で便利です

欠点: 整合性と計画が欠如しており、メンテナンスに役立ちません。また、メンテナンスのコストが高くなります

この方法での CSS レンダリングの優先順位は、他の 3 つよりも高くなります。

2. タグにスタイル コードを記述します

通常、スタイル タグは HTML ファイル に記述します

例:

この方法の利点: 単一ページ内の CSS コードの統一性と計画の安全性そしてメンテナンスが簡単です。

欠点: 複数のページ間で CSS を再利用するだけではまだ十分ではありません。

3. タグを使用して外部 CSS ファイルを導入します

外部 CSS files ：base.css:

p { color: #000}

...

この方法の利点: 1 つのページに複数の外部 CSS ファイルを導入できるため、CSS コードの再利用とメンテナンスが容易になります。アプリケーションは長いです。

欠点: コードの量が集中しており、混乱しやすいです。

4. @import を使用して CSS ファイルを導入します

このメソッドは、次のような