Heim > Web-Frontend > CSS-Tutorial > Wie viele Möglichkeiten gibt es, auf der Seite auf CSS zu verweisen?

Wie viele Möglichkeiten gibt es, auf der Seite auf CSS zu verweisen?

云罗郡主
Freigeben: 2018-11-23 16:05:40
nach vorne
3521 Leute haben es durchsucht


Der Inhalt dieses Artikels befasst sich mit den verschiedenen Möglichkeiten, CSS auf der Seite zu referenzieren. Ich hoffe, dass er einen gewissen Referenzwert hat es wird Ihnen hilfreich sein.

Priorität: Externer Stil < Internes Stylesheet

Priorität, das heißt: Die rechte Seite des Selektors mit demselben Namen überschreibt die linke Seite

1. Internes Stylesheet

<head>
<style>
/*内部样式表,一般用于覆盖公用样式*/
#headTip {
color: 0xff5;
}
</style>
</head>
Nach dem Login kopieren

2. Verwenden Sie das Link-Tag, um die Verwendung externer Ressourcen im Dokument zu deklarieren, was die häufigste Methode ist.

@CHARSET="utf-8"; das die Kodierung des externen CSS-Stylesheets angibt, muss in der ersten Zeile platziert werden.

<head>
<link href="./divcss8.css" rel="stylesheet" media="screen" type="text/css"/>
</head>
Nach dem Login kopieren

3.@ Methode, CSS einführen. Beachten Sie, dass diese asynchron geladen wird und erst nach dem Laden des gesamten HTML geladen wird, was zum Flackern der Seite führt. Nicht empfohlen.

<head>
<style>
@import &#39;my-common.css&#39;;
</style>
</head>
Nach dem Login kopieren

4. Inline-Stylesheets haben die höchste Priorität und sind am einfachsten, aber sie können nicht wiederverwendet werden und sind nicht einfach zu warten.

<body>
<input type="text" style="color:0x550;font-size:30px;"/>
</body>
Nach dem Login kopieren

Das Obige ist eine vollständige Einführung in verschiedene Möglichkeiten, CSS in Seiten zu referenzieren. Wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.



Das obige ist der detaillierte Inhalt vonWie viele Möglichkeiten gibt es, auf der Seite auf CSS zu verweisen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:divcss8.com
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