Heim > Web-Frontend > CSS-Tutorial > Welche Möglichkeiten gibt es, Stile in CSS einzuführen?

Welche Möglichkeiten gibt es, Stile in CSS einzuführen?

清浅
Freigeben: 2018-11-20 09:54:57
Original
6469 Leute haben es durchsucht

In diesem Artikel erfahren Sie, wie man CSS-Stylesheets einführt und welche Vor- und Nachteile sie haben. Er hat einen gewissen Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

Stylesheets können auf drei Arten in CSS eingeführt werden:

(1) Inline-Stil

(2) Eingebetteter Stil

(3) Externe Stile

Jeder dieser CSS-Stile hat seine Vor- und Nachteile.

Inline-Stile


Funktionen: (1) Inline-Stile werden in HTML-Elementen im Code platziert.

(2) Bei Verwendung von Inline-Stilen wirken sich die Stile nur auf die von Ihnen ausgewählten Elemente aus.

(3) Inline-Stil hat keinen Selektor

Beispiel:

<div style="width:100px;height:100px;border:1px solid #ccc"><div>
Nach dem Login kopieren


Dieser CSS-Inline-Stil kann nur geändert werden Wenn Sie die Breite und Höhe dieses Divs festlegen, ändert sich dadurch nicht der Stil von Divs oder Attributen auf der Seite. Dies ist eine der Einschränkungen von Inline-Stilen. Dies ist keine bewährte Vorgehensweise, da nur Änderungen an bestimmten Elementen vorgenommen werden und Inline-Stile ebenfalls sehr spezifisch sind. Dies macht es schwierig, sie mit anderen Nicht-Inline-Stilen zu überschreiben, und tatsächlich verwenden wir Inline-Stile auf Webseiten selten.

Eingebetteter Stil

Eigenschaften: (1) Wird im Stil-Tag