Heim > Artikel > Web-Frontend > Was sind die vier Einführungsmethoden für Stylesheet-CSS?
Vier Möglichkeiten zur Einführung: 1. Verwenden Sie das Style-Attribut direkt im HTML-Tag, um es einzuführen. 2. Schreiben Sie die CSS-Stilregeln in das Style-Tag. 3. Verwenden Sie das Link-Tag, um externe CSS-Dateien einzuführen Tag, verwenden Sie die Regel „@import“, um externe CSS-Dateien einzuführen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
1. Verwenden Sie das Attribut style: Fügen Sie das Attribut style direkt zum Tag html hinzu. <标签 style="属性1: 设定值1; 属性2: 设定值2; ">
Zum Beispiel:
<td style="color:blue;font-size:9pt;font-family:'黑体';line-height:150%;">
Der Vorteil dieser Verwendung besteht darin, dass Stile flexibel auf jedes Tag angewendet werden können. Der Nachteil besteht jedoch darin, dass es im gesamten Dokument keine „Einheit“ gibt.
2. Verwenden Sie das Style-Tag: Schreiben Sie die Style-Regeln in das Tag <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>
schreibt normalerweise die gesamte -Sektion der
webpage;Der Vorteil dieser Verwendung ist die Einheitlichkeit des gesamten Dokuments. Solange ein deklariertes Tag vorhanden ist, wird die Stilregel angewendet.
Der Nachteil ist, dass die Flexibilität einzelner Tags nicht ausreicht 3. Verwenden Sie das LINK-Tag:Schreiben Sie die Stilregeln in die .css-Stildatei und führen Sie sie dann mit dem -Tag ein .
Angenommen, wir speichern die Stilregeln als example.css-Datei. Wir müssen der Webseite nur<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
4. Verwenden Sie @import zur Einführung: Es ist der LINK-Verwendung sehr ähnlich, muss jedoch in platziert werden. <STYLE TYPE="text/css">
<!--
@import url(引入的样式表的位址、路径与档名); -->
</STYLE>
Zum Beispiel:
<STYLE TYPE="text/css"> <!-- @import url(http://yourweb/ example.css); --> </STYLE>(Lernvideo-Sharing:
CSS-Video-Tutorial
)Das obige ist der detaillierte Inhalt vonWas sind die vier Einführungsmethoden für Stylesheet-CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!