CSSを導入する4つの方法

CSS を導入するには 3 つの最も一般的な方法があります

まず、 を追加して外部 CSS を導入します。書類。

現在この方法が主流の導入方法と言えます。 IEやブラウザと同じです。これは、CSS の特性を最もよく体現する方法でもあり、DIV+CSS でのコンテンツと表示の分離の概念を最もよく体現し、変更と保守が最も簡単で、コードが最も美しく見えます。

2番目:


このメソッドの使用法ははるかに少なく、最も長いのはアクセス数の多いポータル Web サイトです。または、アクセス数の多い企業 Web サイトのトップ ページ。最初の方法と比較すると、利点は顕著ですが、欠点も明らかです。利点: 高速、すべての CSS コントロールがこのページ タグ用であり、冗長な CSS コマンドがなく、外部 CSS ファイルをリンクする必要がありません。 HTML ドキュメント内のスタイルを直接読み取ります。デメリットとしては、修正が面倒であること、1ページが肥大化して見えること、CSSが他のHTMLから参照できないためコード量が比較的多くなり、メンテナンスも面倒であることが挙げられます。しかし、この方法を採用している企業のほとんどは裕福であり、ユーザーの数が重要であり、複雑なメンテナンス作業を実行する人材が不足しているわけではありません。

3つ目:

テスト情報

を直接追加

この方法は現在ではほとんど使用されておらず、多くの企業はフロントエンド技術を理解していません。リーダーも嫌いですこの書き方。 CSS コマンドは HTML 内には記述できないと思います。実際、時々使う程度であれば大したことはありません。たとえば、汎用性が低く、特殊効果があり、CSS コマンドがほとんどなく、変更の頻度が低い領域では、この方法が適しています。

これらの一般的に使用される 3 つの CSS インポート方法に加えて、多くの人が見たことのないインポート方法もあります