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.
1781a3cdba2308ce0977f6e76b468fea
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 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47

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 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47-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 3e76e57fc5dd9b761bdd2082385f4936
Angenommen, wir speichern die Stilregeln als example.css-Datei, dann müssen wir nur
d6fe97db3b6f85c478dade8432a3a27b9c3bca370b5104690d9ef395f2c5f8d1 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 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 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!