CSSを導入するにはいくつかの方法があります

CSS を導入するには 4 つの方法があります: 1. 「」を使用して CSS スタイルを導入する; 2. 「@import "css ファイル アドレス"」を使用して CSS スタイルを導入するcss スタイル; 3. style タグに css スタイルを記述する; 4. style 属性を使用して、element タグに css スタイルを記述します。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

(1) リンク タイプ: Web ページの

タグ ペア内の タグを使用して外部スタイル シート ファイルを導入し、HTML ルールを使用して外部スタイル シート ファイルを導入します。 css (use more More) :

<link href="./mystyle.css" rel="stylesheet" type="text/css"/>

(2) インポート タイプ: 独立した .css ファイルを HTML ファイルに導入します。インポート タイプは、CSS ルールを使用して外部 CSS ファイルを導入します。

<style type="text/css">
   @import"mystyle.css"; 此处要注意.css文件的路径
</style>

比較: リンク参照とインポート参照の違いは、リンクは HTML が読み込まれる前に参照されるのに対し、インポートは HTML が読み込まれる前に参照されることです。 htmlが読み込まれます。たとえば、インポート参照を使用すると、スタイルのないページが最初に表示され、その後スタイルが挿入されます。 JavaScript を使用して CSS を動的に参照する場合、これを実現するにはリンク参照メソッドを使用する必要があります。

(3) インライン css ファイル。ヘッダーに直接 css を記述します。例:

<style type="text/css">
    p{
        margin: 0;
        padding: 0;
        border:1px red solid;
    }
</style>

この方法の使用量ははるかに少なく、アクセス数が最も長くなります。ポータル。または、アクセス数の多い企業 Web サイトのトップ ページ。最初の方法と比較すると、利点は顕著ですが、欠点も明らかです。

利点: 高速、すべての CSS コントロールはこのページ タグ用であり、冗長な CSS コマンドはなく、外部 CSS ファイルをリンクする必要はありません。 HTML ドキュメント内のスタイルを直接読み取ります。

デメリットとしては、修正が面倒なこと、1ページが肥大化して見えること、CSSが他のHTMLから参照できないためコード量が比較的多くなり、メンテナンスも面倒なことです。しかし、この方法を採用している企業の多くは資金力があり、ユーザー数が重要であり、複雑なメンテナンス作業を行うために人員が不足することはありません。

(4) 頻繁に変更しない箇所については、タグ内にスタイル

<p style="border:1px red solid;">测试信息</p>

を直接記述します。一度だけ使用することはできますが、一般向けには適していないため、注意して使用する必要があります。

推奨学習: css ビデオ チュートリアル

以上がCSSを導入するにはいくつかの方法がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。