Heim  >  Artikel  >  Web-Frontend  >  Was sind die vier Einführungsmethoden für Stylesheet-CSS?

Was sind die vier Einführungsmethoden für Stylesheet-CSS?

青灯夜游
青灯夜游Original
2021-05-21 13:46:2814374Durchsuche

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.

Was sind die vier Einführungsmethoden für Stylesheet-CSS?

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:&#39;黑体&#39;;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">

hinzufügen, um die in der Stildatei angegebenen Stile anzuwenden. 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 bei einzelnen Dateien oder Tags.


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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn