Heim > Web-Frontend > Front-End-Fragen und Antworten > So schreiben Sie ein CSS-Stylesheet in eine HTML-Seite

So schreiben Sie ein CSS-Stylesheet in eine HTML-Seite

藏色散人
Freigeben: 2020-11-30 16:43:52
Original
6101 Leute haben es durchsucht

So schreiben Sie ein CSS-Stylesheet in eine HTML-Seite

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5- und CSS3-Versionen. Diese Methode ist für alle Computermarken geeignet.

CSS-Stylesheet auf HTML-Seite schreiben

1 Zuerst können Sie den CSS-Code direkt in das Start-Tag des vorhandenen HTML-Tag-Elements schreiben, und der CSS-Style-Code muss in doppelten Anführungszeichen von geschrieben werden . , wie zum Beispiel:

Der Text hier ist rot.

.

So schreiben Sie ein CSS-Stylesheet in eine HTML-Seite

2. Wenn Sie HTML-Tags von CSS-Stilen unterscheiden möchten, können Sie den CSS-Stilcode zwischen die Tags schreiben. style> kann zwischen den

-Tags geschrieben werden, der Effekt ist derselbe.

So schreiben Sie ein CSS-Stylesheet in eine HTML-Seite

3. Die beiden oben genannten Kombinationen von HTML und CSS befinden sich auf derselben Seite. Wenn viel Code vorhanden ist, ist es schwierig, eine externe CSS-Stildatei zu erstellen. Klicken Sie mit der rechten Maustaste auf den Desktop, um ein Notepad-Dokument zu erstellen, und ändern Sie dann die Dokumenterweiterung in „.css“. Legen Sie die CSS-Stildatei und den HTML-Code zum einfachen Aufrufen auf derselben Festplatte ab.

So schreiben Sie ein CSS-Stylesheet in eine HTML-Seite

4. Öffnen Sie nach dem Erstellen der CSS-Stildatei die CSS-Stildatei mit dem Sublime-Editor und schreiben Sie den entsprechenden CSS-Stil in die Datei.

So schreiben Sie ein CSS-Stylesheet in eine HTML-Seite

5. Gehen Sie nach der Vorbereitung der CSS-Stildatei zurück zur HTML-Datei und verwenden Sie das -Tag, um die CSS-Stildatei mit der HTML-Datei zu verknüpfen und du bist fertig.

So schreiben Sie ein CSS-Stylesheet in eine HTML-Seite

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmieren lernen! !

Das obige ist der detaillierte Inhalt vonSo schreiben Sie ein CSS-Stylesheet in eine HTML-Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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