Heim  >  Artikel  >  Web-Frontend  >  Welche Arten von CSS-Layer-Stylesheets gibt es?

Welche Arten von CSS-Layer-Stylesheets gibt es?

青灯夜游
青灯夜游Original
2021-02-23 16:11:496421Durchsuche

Es gibt drei Arten von CSS-Layer-Stylesheets: 1. Inline-Stylesheets, die das Style-Attribut zum Schreiben von Stilen in HTML-Tags verwenden. 2. Interne Stylesheets, die Style-Codes im Tag-Paar „c9ccee2e6ea535a969eb3f532ad9fe89“ schreiben 3. , externes Stylesheet, schreiben Sie den Stilcode in eine separate „.css“-Datei, verwenden Sie das „2cdf5bf648cf2f33323966d7f58a7f3f“-Tag als Referenz

Welche Arten von CSS-Layer-Stylesheets gibt es?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3 Version, Dell G3-Computer.

CSS, Cascading Style Sheets, ist eine Computersprache, mit der Dateistile wie HTML oder XML ausgedrückt werden. Zu den CSS-Stilen gehören hauptsächlich die folgenden drei Typen:

1. Inline-Stylesheet (Inline-Stil)

Verwenden Sie das Stilattribut, um den Stil in das HTML-Tag zu schreiben.

<标签 style="属性:属性值;属性:属性值;"></标签>

Zum Beispiel der folgende Code:

<p style="color:red;font-size:12px">这里文字是红色。</p>

2. Internes Stylesheet:

Schreiben Sie den Stilcode in das Seiten-531ac245ce3e4fe3d50054a55f265927-Tag

Beispiel:

<style type="text/css">
body {
background-color: #F5F5F5;
color: #555;
font-size: 1.1em;
font-family: &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif;
}
</style>

6517dfb1b44189bcf671a54fa2872a09...531ac245ce3e4fe3d50054a55f265927-Tag-Struktur kann sich an einer beliebigen Stelle innerhalb der 6a74014ee44f5deb5894267f99b68016-Tags befinden und mehrmals vorkommen. Normalerweise wird die gesamte Struktur c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927 in den Abschnitt 93f0f5c25f18dab9d176bd4f6de5d30e...9c3bca370b5104690d9ef395f2c5f8d1 geschrieben. Das Merkmal dieser Art der Einführung von CSS besteht darin, dass der CSS-Code jeder Seite vereinheitlicht und geplant werden kann. Er lässt sich leicht innerhalb einer Seite wiederverwenden und warten, die Wiederverwendung von CSS-Code zwischen mehreren Seiten reicht jedoch immer noch nicht aus.

Empfohlenes Tutorial: CSS-Video-Tutorial

3. Externes Stylesheet (.css-Datei):

Css-Code wird in eine separate externe Datei geschrieben Verwenden Sie für den Erweiterungsnamen das 2cdf5bf648cf2f33323966d7f58a7f3f-Tag im 93f0f5c25f18dab9d176bd4f6de5d30e (nicht im c9ccee2e6ea535a969eb3f532ad9fe89-Tag), um die CSS-Stildatei mit der HTML-Datei zu verknüpfen, wie im folgenden Code gezeigt:

<link href="base.css" rel="stylesheet" type="text/css" />

  • rel „stylesheet“ bezieht sich auf den Link. Der mit href verknüpfte Stil ist eine Stylesheet-Datei. Typ = „text/css“ bedeutet, dass der Dateityp Stylesheet-Text ist. Hinweis: Der Name Der Name der CSS-Stildatei sollte aus sinnvollen englischen Buchstaben bestehen, z. B. main.css.


    2. rel="stylesheet" type="text/css" ist eine feste Schreibmethode und kann nicht geändert werden.

  • 3. Die Position des 2cdf5bf648cf2f33323966d7f58a7f3f-Tags wird im Allgemeinen innerhalb des 93f0f5c25f18dab9d176bd4f6de5d30e-Tags geschrieben.
  • Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

    Programmiervideos
  • ! !

Das obige ist der detaillierte Inhalt vonWelche Arten von CSS-Layer-Stylesheets gibt es?. 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