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>
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