Es gibt verschiedene Möglichkeiten, CSS einzuführen

Es gibt vier Möglichkeiten, CSS einzuführen: 1. Verwenden Sie „“, um den CSS-Stil einzuführen. 2. Verwenden Sie „@import „CSS-Dateiadresse““, um den CSS-Stil einzuführen . In style Schreiben Sie den CSS-Stil in das Tag. 4. Verwenden Sie das style-Attribut, um den CSS-Stil in das Element-Tag zu schreiben.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

(1) Linktyp: Verwenden Sie das -Tag im

(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 Die verwendete Syntax lautet wie folgt:

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

Vergleich: Der Unterschied zwischen Link-Referenz und Import-Referenz ist: Auf den Link wird verwiesen, bevor HTML geladen wird, während auf Import verwiesen wird, nachdem HTML geladen wurde. 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-Datei, schreiben Sie CSS direkt in den Header, wie zum Beispiel:

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

Diese Methode wird viel seltener verwendet und ist am häufigsten auf Portalen mit hohem Datenverkehr zu sehen. 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: Hohe Geschwindigkeit, alle CSS-Steuerelemente gelten für dieses Seiten-Tag, es gibt keine redundanten CSS-Befehle und es besteht keine Notwendigkeit, externe CSS-Dateien zu verknüpfen. Lesen Sie Stile direkt in HTML-Dokumenten.

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

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

Der Ort, der nicht häufig geändert wird. Es kann einmal verwendet werden, sollte jedoch mit Vorsicht verwendet werden, da es nicht für die Öffentlichkeit geeignet ist.

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonEs gibt verschiedene Möglichkeiten, CSS einzuführen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!