phpstormでCSSを参照する方法-PHPstorm-php.cn

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

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

ログイン後にコピー 関連する推奨事項: " PhpStorm 使用チュートリアル >>

(2) インポート タイプ: 独立した .css ファイルを HTML ファイルに導入します。インポート タイプは、CSS ルールを使用して外部 CSS ファイルを導入します。 タグ<head&gt にも記述されます ; タグ内で使用される構文は次のとおりです:

@import"mystyle.css"; 此处要注意.css文件的路径 ログイン後にコピー 比較: リンク参照とインポート参照の違いは次のとおりです: リンクは HTML が読み込まれる前に参照され、インポートは参照されます。 htmlが読み込まれた後。たとえば、インポート参照を使用すると、スタイルのないページが最初に表示され、その後スタイルが挿入されます。 JavaScript を使用して CSS を動的に参照する場合、これを実現するにはリンク参照メソッドを使用する必要があります。

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

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

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

测试信息 ログイン後にコピー