ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML に CSS を導入するいくつかの方法と違い photos_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-21 09:09:37
オリジナル
1313 人が閲覧しました

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

例:

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

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

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

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

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

例:

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


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


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

外部 CSS files :base.css:

p { color: #000}


...

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


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



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

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