Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie schreibe ich CSS mit Notepad?

anonymity
Freigeben: 2019-05-28 13:22:10
Original
7162 Leute haben es durchsucht

Wie schreibe ich CSS mit dem Notizblock?

Wie schreibe ich CSS mit Notepad?

Schritte:

1, Öffnen Sie das Notepad-Programm in Windows

2. Geben Sie den CSS-Code in Notepad ein

3. Klicken Sie auf das Menü „Datei“ ---> Wenn das Dialogfeld angezeigt wird, speichern Sie das obige Dokument als CSS-Dokument mit dem Suffix „*.css“, z. B. my_firstcss.css

Es ist zu beachten, dass das von Notepad gespeicherte Dateisuffix „*“ ist. txt“ standardmäßig, daher muss der Dateiname in englische Anführungszeichen („“) eingeschlossen werden.

4. Doppelklicken Sie auf das gespeicherte CSS-Dokument und Windows ruft automatisch die Browsersoftware (z. B. IE) auf, um das CSS-Dokument zu öffnen

Fallcode:

Neue Notepad-Datei, Notepad öffnen, CSS zum Bearbeiten der Webseite verwenden, einfach die CSS-Anweisung hinzufügen, die in verwendet werden soll, hinzufügen in Fügen Sie einfach die Anweisung hinzu, um das CSS-Attribut im Inhaltsbereich zu verwenden.

Zum Beispiel:

<html>
<head>
<title>my first text html</title>
<style type="text/css">
body{
font-size:30px;
font-family:Arial,Helvetica,sans-serif;
}
</style>
</head>
<body>
welcome to my first text html!
</body>
</html>
Nach dem Login kopieren

Ergebnisse anzeigen: (Die Textschriftart ist Arial, die Schriftgröße beträgt 30 Pixel)



Das obige ist der detaillierte Inhalt vonWie schreibe ich CSS mit Notepad?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage