So rufen Sie CSS in HTML auf-Front-End-Fragen und Antworten-php.cn

So rufen Sie CSS in HTML auf

王林

Freigeben： 2023-05-05 19:58:05

Original

2214 Leute haben es durchsucht

Wie HTML CSS aufruft

CSS (Cascading Style Sheet) ist eine Sprache zur Steuerung des Stils von HTML-Seiten. Mit CSS können Sie Schriftart, Farbe, Hintergrund, Größe, Position usw. von HTML-Komponenten ändern. Es gibt viele Möglichkeiten, CSS in HTML aufzurufen. In diesem Artikel werden zwei Methoden vorgestellt.

Methode 1: Inline-Stylesheet

Inline-Stylesheet bedeutet, den Stil im HTML-Code zu definieren. Der Stil wird mithilfe des Attributs „style“ im HTML-Tag angegeben. Zum Beispiel:

<p style="color:blue;">这是一段蓝色文字</p>

Nach dem Login kopieren

Im obigen Beispiel haben wir die Textfarbe in der Absatzkomponente mithilfe eines Inline-Stylesheets als Blau angegeben. Für eine kleine Anzahl von Stiländerungen sind Inline-Stylesheets die bessere Wahl. Wenn Sie jedoch die Stile mehrerer Komponenten ändern müssen, erschwert die Verwendung von Inline-Stylesheets die Wartung des Codes.

Methode 2: Externes Stylesheet

Externes Stylesheet speichert den CSS-Code in einer separaten CSS-Datei und ruft ihn dann über HTML auf. Der Vorteil dieser Methode besteht darin, dass Sie den Stil der gesamten Website in einer CSS-Datei verwalten können. Erstellen Sie zunächst eine CSS-Datei, speichern Sie sie auf dem Server und legen Sie den Dateinamen auf „Beispiel.css“ fest.

In HTML führen wir CSS-Dateien ein, indem wir das -Tag verwenden. Zum Beispiel:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="样式文件的路径">
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一段文本</p>
</body>
</html>

Nach dem Login kopieren

Im obigen Beispiel verwenden wir das -Tag im Header, um die Stildatei einzuführen, und der Parametertyp sollte „text/css“ sein. Der rel-Parameter sollte auf „stylesheet“ gesetzt werden, was anzeigt, dass es sich um ein Stylesheet handelt. Der Parameter href sollte der Pfad zu der Style-Datei sein, die wir auf dem Server speichern. Auf diese Weise können wir die Stile aus der CSS-Beispieldatei auf der gesamten HTML-Seite verwenden.

Zusammenfassung

Die oben genannten sind zwei Methoden zum Aufrufen von CSS in HTML. Durch Inline-Stylesheets und externe Stylesheets können wir den Stil von HTML-Seiten ändern und den Code prägnanter und lesbarer machen. Bei der Verwendung eines externen Stylesheets sollte auf die Einstellung des Dateipfads und die Definition des Dateinamens geachtet werden, damit dieser normal in HTML aufgerufen werden kann.

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