Vier Möglichkeiten, CSS-Stylesheets zu Webseiten hinzuzufügen

Es gibt vier Möglichkeiten, CSS-Stylesheets zu Webseiten hinzuzufügen. Sie können Ihre bevorzugte Methode entsprechend Ihren Anforderungen auswählen.

1. Verwenden Sie das STYLE-Attribut: Fügen Sie das STYLE-Attribut direkt zu einzelnen Komponenten-Tags hinzu.

Der Vorteil dieser Verwendung besteht darin, dass der Stil flexibel auf jedes Etikett angewendet werden kann Der Nachteil besteht jedoch darin, dass es im gesamten Dokument keine „Einheit“ gibt.
2. Verwenden Sie das STYLE-Tag: Schreiben Sie die Stilregeln in das

Code kopieren

Der Code lautet wie folgt:

<STYLE TYPE="text/css"> 
<!-- 
样式规则表 
--> 
</STYLE>

Zum Beispiel:

<STYLE TYPE="text/css"> 
<!-- 
BODY { 
color: BLUE; 
background: #FFFFCC; 
font-size: 9pt} 
TD, P { 
COLOR: GREEN; 
font-size: 9pt} 
--> 
</STYLE>

Normalerweise wird die gesamte -Sektion der Webseite geschrieben. Der Vorteil dieser Verwendung liegt in der Einheitlichkeit des gesamten Dokuments. Solange eine deklarierte Komponente vorhanden ist, wird die Stilregel angewendet. Der Nachteil liegt in der mangelnden Flexibilität einzelner Komponenten.
3. Verwenden Sie das LINK-Tag: Schreiben Sie die Stilregeln in die CSS-Stildatei und führen Sie sie dann mit dem
Angenommen, wir speichern die Stilregeln als example.css-Datei, dann müssen wir nur
Der in der Stildatei angegebene Stil kann angewendet werden. Das LINK-Tag wird normalerweise in den Abschnitt geschrieben. Der Vorteil dieser Verwendung besteht darin, dass Sie mehrere Dokumente, für die dieselben Stilregeln gelten, derselben Stildatei zuordnen können. Der Nachteil ist auch die mangelnde Flexibilität einzelner Dateien oder Komponenten.
4. Verwenden Sie @import zur Einführung: Es ist der LINK-Verwendung sehr ähnlich, muss jedoch in platziert werden.

Code kopieren

Der Code lautet wie folgt:

<STYLE TYPE="text/css"> 
<!-- 
@import url(引入的样式表的位址、路径与档名); 
--> 
</STYLE>

Zum Beispiel:

<STYLE TYPE="text/css"> 
<!-- 
@import url(http://yourweb/ example.css); 
--> 
</STYLE>

Zu beachten ist, dass das Semikolon am Ende der Zeile unbedingt erforderlich ist! Auf diese Weise können Sie auch
@import url(http://yourweb/ example.css);
zu anderen aufzurufenden Stilen hinzufügen.

Das obige ist der detaillierte Inhalt vonVier Möglichkeiten, CSS-Stylesheets zu Webseiten hinzuzufügen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!