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.
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

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

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!