So erstellen Sie ein einfaches CSS-Stylesheet mit Notepad

Inhalt

Schritte
Tipps
Dinge, die du brauchen wirst

Notepad ist einer der Texteditoren, mit denen ein Cascading Style Sheet (CSS)-Dokument erstellt werden kann. Nachdem Sie eine CSS-Datei in Notepad erstellt haben, können Sie diese Datei mit einer Webseite verknüpfen, damit der Inhalt der Webseite mit Ihrem Stylesheet formatiert werden kann.

Schritte

1 Öffnen Sie das Notepad-Programm.
2Kopieren Sie den folgenden Code:

@charset "utf-8"; / * CSS Document * // * Farbe des body-Elements definieren * / body {background: # FFFFFF;} / * Dieser Abschnitt ist für Links * / a: link { Schriftstärke: normal; Farbe: Navy} a: besucht {font-weight: normal; Farbe: Grün;} a: schweben {font-weight: bold; Farbe Rot; font-variant: Kapitälchen;} / * Dieser Abschnitt ist für einen Absatzabschnitt * / p {font-style: kursiv; font-size: 18px;} blue {color: # 0000FF;} / * Dieser Abschnitt ist für den schwarzen Rand des Bildes. * / img {border-color: # 000000; Rand: dick; Bordüre-Stil: Grat;}

# Fügen Sie den Code aus "Schritt 2" in Notepad ein.

1 Speichern Sie die Datei im Editor. Speichern Sie es unter dem Namen "SimpleCSS.css", indem Sie auf die Schaltfläche "Datei" klicken und den Befehl "Speichern" wählen. Nachdem Sie auf die Schaltfläche "Speichern" geklickt haben, wird das Dialogfeld "Speichern unter" angezeigt.
2 Benennen Sie Ihre CSS-Datei. Geben Sie in das Textfeld "Dateiname" "SimpleCSS.css" oder einen beliebigen Namen mit der Erweiterung ".css" ein.
3 Klicken Sie auf die Schaltfläche "Speichern".
4 Es ist vollbracht!

Tipps

Speichern Sie die Notepad-Datei als Nur Text (manchmal können Sie sie Textdokument oder ASCII nennen) und geben Sie ihr die Erweiterung ".css".
Der Code, den wir hier geschrieben haben, ist nur ein Beispiel, um Ihnen zu zeigen, wie Sie mit Notepad eine einfache CSS-Datei erstellen, um ihre HTML-Elemente in unserer Beispiel-Webseite im Abschnitt Einführung zu bearbeiten. Sie können unsere CSS-Codierung jedoch ändern, wie Sie die Stile und das Erscheinungsbild der Webseiten formatieren möchten.
Denken Sie daran, das gespeicherte CSS-Dokument im selben Ordner wie Ihre HTML-Dokumente abzulegen, in dem Sie Ihre Webseiten erstellt haben.
Nachdem Sie Ihr CSS-Dokument erstellt haben, müssen Sie möglicherweise den nächsten Schritt ausführen. das heißt, verknüpfen Sie ein Dokument und eine Webseite. Bitte lesen Sie dazu die entsprechenden Artikel.