Heim > Artikel > Web-Frontend > Detailliertes Beispiel für das Schreibformat im CSS-Stil

Detailliertes Beispiel für das Schreibformat im CSS-Stil

高洛峰Original: 2017-03-04 10:38:322039Durchsuche

Es gibt drei Schreibformate für CSS

Inline-Stil: bedeutet Inline-Schreibstil

Beispielsweise funktioniert 6461c6dfca0a6eeeab98debb3c9d2399write my color with inline style94b3e26ee717c64999d7867364b1b4a3

nur für 6c04bd5ca3fcae76e30b72ad730ca86d (Schriftfarbe und Hintergrundfarbe) und Tags innerhalb von

Inline-Stile : Verwenden Sie style, um alle Stile zu deinstallieren mit Stil.

Zum Beispiel:

<head>

<style>

p{   

color:red;   

background:blue;   

border:1px solid green;   

}   

</style>

</head>

<body>

<p>用内嵌方式编写我的样式</p>

</body>

Externer Linkstil: Der beliebte Punkt ist der externe Stil. Verwenden Sie den Linkstil, um eine Verbindung zu externen CSS-Dateien herzustellen Datei .

Zum Beispiel:

<head>

　　<link style="stylesheet" href="class.css" type="text/css" />

</head>

Ja, es ist so einfach, Sie müssen nur den CSS-Stil in einen anderen .css-Text schreiben und ihn dann einfach verlinken den Stil auf der Seite, achten Sie aber unbedingt auf den Dateipfad! ! ! Es ist in Ordnung, wenn der Pfad falsch ist.

Ich persönlich empfehle die Verwendung eines externen Stils, der CSS- und Layout-Code trennt, wodurch der Code besser bearbeitbar ist und schneller geladen wird.

Die obige ausführliche Erläuterung des Schreibformats zum Zitieren von CSS-Stilen ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, dass er Ihnen eine Referenz geben kann, und ich hoffe, dass Sie die chinesische PHP-Website unterstützen.

Ausführlichere Beispiele für Schreibformate im CSS-Stil und verwandte Artikel finden Sie auf der chinesischen PHP-Website!

Stellungnahme：

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

Vorheriger Artikel：Beispielhafte Einführung in ein auf CSS3-Medien ansprechendes LayoutNächster Artikel：Beispielhafte Einführung in ein auf CSS3-Medien ansprechendes Layout

In Verbindung stehende Artikel

Mehr sehen