Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Detailliertes Beispiel für das Schreibformat im CSS-Stil

高洛峰
Freigeben: 2017-03-04 10:38:32
Original
2112 Leute haben es durchsucht

Es gibt drei Schreibformate für CSS

Inline-Stil: bedeutet Inline-Schreibstil

Beispielsweise funktioniert

write my color with inline style

nur für (Schriftfarbe und Hintergrundfarbe) und Tags innerhalb von wie: head, title und andere Tags

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

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