Heim > Web-Frontend > Front-End-Fragen und Antworten > So verknüpfen Sie CSS in Webseiten

So verknüpfen Sie CSS in Webseiten

PHPz
Freigeben: 2023-04-13 10:54:10
Original
2129 Leute haben es durchsucht

Im Webdesign gehört CSS (Stylesheet) zu den Fähigkeiten, die man beherrschen muss. Das Verknüpfen von CSS-Dateien ist ein häufiger Vorgang im Webdesign. Lassen Sie uns lernen, wie man CSS verknüpft.

Zuerst müssen wir eine CSS-Datei vorbereiten. CSS-Dateien haben normalerweise das Suffix .css und enthalten CSS-Stilregeln. Sie können zum Schreiben von CSS-Dateien einen Texteditor oder einen CSS-Editor verwenden. Hier ist ein einfaches CSS-Dateibeispiel:

body {
    background-color: lightblue;
}

h1 {
    color: navy;
    margin-left: 20px;
}
Nach dem Login kopieren

Die oben genannten CSS-Stilregeln legen die Hintergrundfarbe und Titelfarbe der Webseite fest. Als nächstes müssen wir diese CSS-Datei mit dem HTML-Dokument verknüpfen, damit die Stile auf den Webinhalt angewendet werden können.

Es gibt zwei Möglichkeiten, CSS-Dateien zu verknüpfen: interne Stile und externe Stile.

Interner Stil

Interner Stil bezieht sich auf das Schreiben von CSS-Stilregeln im