phpstormでCSSを参照する方法

CSS ファイルを導入する 4 つの方法

(1) リンクの種類: Web ページ 9c3bca370b5104690d9ef395f2c5f8d1 タグ内の 2cdf5bf648cf2f33323966d7f58a7f3f タグを使用して外部スタイル シート ファイルを導入し、HTML ルールを使用して外部 CSS を導入します (より頻繁に使用されます):

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

関連する推奨事項: "PhpStorm 使用チュートリアル>>

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

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

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

(3) インライン CSS ファイル。ヘッダーに CSS を直接書き込みます。例:

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

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

(4) タグにスタイルを直接記述します

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

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