Heim > Web-Frontend > Front-End-Fragen und Antworten > So laden Sie CSS in HTML

So laden Sie CSS in HTML

藏色散人
Freigeben: 2023-01-07 11:45:52
Original
12546 Leute haben es durchsucht

So laden Sie CSS in HTML: 1. CSS über externe Stile laden; 3. CSS über interne Stile laden; 4. CSS über importierte Stile laden;

So laden Sie CSS in HTML

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer

Wie lade ich CSS in HTML?

Es gibt 4 Arten von Lade-CSS-Stilen

1. Externer Stil (externer Stil)

Wenn es sich bei der CSS um eine externe Datei handelt, können Sie

in den schreiben HTML-Datei
<link href="style.css" rel="stylesheet" type="text/css" />
Nach dem Login kopieren

href=“style.css“ Hier können Sie den Pfad Ihrer CSS-Datei schreiben

Dieses Formular besteht darin, das CSS separat in eine CSS-Datei zu schreiben und es dann als Link im Quellcode zu verknüpfen. Sein Vorteil besteht darin, dass es nicht nur auf dieser Seite, sondern auch auf anderen Seiten aufgerufen werden kann. Es ist die am häufigsten verwendete Form.

2. Wenn es sich um einen internen Stil handelt, kann dies auch der Fall sein Wird in < verwendet. Schreiben Sie

<style type="text/css">
h3 { color:#f00;}
</style>
Nach dem Login kopieren

in /head>. Es endet mit