Wohin mit CSS?

藏色散人
Freigeben: 2023-01-04 09:34:59
Original
7947 Leute haben es durchsucht

Es gibt drei Orte, an denen CSS platziert werden kann, nämlich: 1. Fügen Sie es in das Style-Attribut des Element-Tags ein, das nur für das aktuelle Element gültig ist. 2. Fügen Sie es in das Style-Tag des Head-Tags ein Kopf der aktuellen Seite, der nur für die aktuelle Seite gültig ist. 3. Fügen Sie ihn in eine unabhängige CSS-Datei ein und er ist für alle Seiten gültig, die die Datei einführen.

Wohin mit CSS?

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Wo kann ich den CSS-Code einfügen?

1, geschrieben im Style-Attribut des Element-Tags, gilt nur für das aktuelle Element;

2, geschrieben im Style-Tag des Head-Tags am Kopf der aktuellen Seite, gilt nur für alle Elemente der aktuellen Seite;

3, Geschrieben in einer separaten CSS-Datei, referenziert mit dem -Tag, gilt es für alle Seiten, die die Datei einleiten.

Lassen Sie uns anhand von Beispielen der Reihe nach erklären:

wird in das Style-Attribut des Element-Tags geschrieben:

<p style="color:red;">abc</p>
Nach dem Login kopieren

wird in das Tag am Kopf der aktuellen Seite geschrieben:

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        p{
            text-align: center;
        }
    </style>
</head>
Nach dem Login kopieren

wird in eine separate CSS-Datei geschrieben , mit

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="Untitled-1.css">
</head>
Nach dem Login kopieren

Das Folgende ist der Inhalt der CSS-unabhängigen Datei:

p{
    color: red;
}
Nach dem Login kopieren

[Empfohlenes Lernen: CSS-Video-Tutorial]

Das obige ist der detaillierte Inhalt vonWohin mit CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage