So referenzieren Sie CSS in PHPstorm

4 Möglichkeiten, CSS-Dateien einzuführen

(1) Linktyp: im Webseite Verwenden Sie das -Tag im -Tag, um externe Stylesheet-Dateien einzuführen, und verwenden Sie HTML-Regeln, um externes CSS einzuführen (wird häufiger verwendet):

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

Verwandte Empfehlungen: „PhpStorm-Nutzungsanleitung 》

(2) Importieren: Fügen Sie eine unabhängige CSS-Datei in die HTML-Datei ein. Der Import verwendet CSS-Regeln, um externe CSS-Dateien einzuführen im

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

Vergleich: Der Unterschied zwischen Link-Referenz und Import-Referenz ist: Der Link wird vor dem Laden von HTML referenziert, während der Import nach dem Laden von HTML referenziert wird geladen. Wenn Sie beispielsweise die Importreferenz verwenden, wird zuerst die Seite ohne Stile angezeigt und dann werden die Stile eingefügt. Wenn Sie JavaScript verwenden, um CSS dynamisch zu referenzieren, müssen Sie dazu die Link-Referenzmethode verwenden.

(3) Inline-CSS-Dateien, schreiben Sie CSS direkt in den Header, wie zum Beispiel:

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

Diese Methode wird selten verwendet und wird am häufigsten auf Portalen mit stark frequentierten Websites verwendet. Oder die Startseite einer Unternehmenswebsite mit vielen Besuchen. Im Vergleich zur ersten Methode sind die Vorteile überragend und auch die Nachteile liegen auf der Hand. Vorteile: schnell, alle CSS-Steuerelemente gelten für dieses Seiten-Tag, es sind keine redundanten CSS-Befehle erforderlich und es werden keine externen Link-CSS-Dateien benötigt. Lesen Sie Stile direkt im HTML-Dokument. Der Nachteil besteht darin, dass die Überarbeitung schwieriger ist, eine einzelne Seite aufgebläht aussieht, CSS nicht von anderem HTML referenziert werden kann, was zu einer relativ großen Codemenge führt und auch die Wartung mühsam ist. Die meisten Unternehmen, die diese Methode anwenden, verfügen jedoch über Geld. Für sie ist die Anzahl der Benutzer der Schlüssel, und es mangelt ihnen nicht an Mitarbeitern, um komplexe Wartungsarbeiten durchzuführen.

(4) Schreiben Sie den Stil direkt in das Tag

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

Das obige ist der detaillierte Inhalt vonSo referenzieren Sie CSS in PHPstorm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!