Zusammenfassung von vier Methoden zum Hinzufügen von CSS-Stylesheets zu Webseiten

Eine Zusammenfassung von vier Methoden zum Hinzufügen von CSS-Stylesheets zu Webseiten. 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

Der Code lautet wie folgt:

<STYLE TYPE="text/css"> 
<!-- 
样式规则表 
--> 
</STYLE> 
例如： 
<STYLE TYPE="text/css"> 
<!-- 
BODY { 
color: BLUE; 
background: #FFFFCC; 
font-size: 9pt} 
TD, P { 
COLOR: GREEN; 
font-size: 9pt} 
--> 
</STYLE>

Normalerweise wird die gesamte -Struktur geschrieben Webseite< ;HEAD> 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. Normalerweise wird das LINK-Tag 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.

Der Code lautet wie folgt:

<STYLE TYPE="text/css"> 
<!-- 
@import url(引入的样式表的位址、路径与档名); 
--> 
</STYLE> 
例如： 
<STYLE TYPE="text/css"> 
<!-- 
@import url(http://yourweb/ example.css); 
--> 
</STYLE>

Es ist zu beachten, dass das Semikolon am Ende der Zeile unbedingt erforderlich ist! Auf diese Weise kann
@import url(http://yourweb/ example.css);
auch zu anderen Aufrufstilen hinzugefügt werden.

Das obige ist der detaillierte Inhalt vonZusammenfassung von vier Methoden zum Hinzufügen von CSS-Stylesheets zu Webseiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!