Warum wird der CSS-Stil nicht wirksam?

Die Gründe, warum der CSS-Stil nicht funktioniert, sind: 1. Das HTML-Tag ist nicht vollständig geschrieben, es fehlt „“ usw.; 3. Es liegt ein Fehler vor in der CSS-Syntax; 4. Das Stylesheet Die gespeicherte Kodierung ist falsch.

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

1. Das HTML-Tag ist nicht vollständig geschrieben, es fehlen „“ oder „/“ usw.

Dies ist einer der häufigsten Gründe für ein Scheitern des Layout-Designs. Es ist immer wieder überraschend, wenn wir erfahren, wie viele heikle Layoutentwürfe daran scheitern.

2. Stile sind kaskadiert

Wenn dies durch Kaskadierung verursacht wird, müssen Sie die Priorität des Stils erhöhen.

Zu den häufig verwendeten Methoden gehören: Hinzufügen von Elementen zum Selektor, um seine Spezifität zu erhöhen, oder Hinzufügen von !important im Leerzeichen vor dem Stil-Semikolon, wie folgt:

background-color: pink !important;

3. CSS-Syntaxfehler

Als Entwickler von Google Chrome-Tools Beispielsweise werden allgemeine Grammatikfehler angezeigt, wenn der Stil durchgestrichen wird. Auf der linken Seite des Stils wird eine Symbolaufforderung angezeigt, und wenn die Maus darüber bewegt wird, wird eine englische Aufforderung angezeigt. Wie in der Abbildung unten gezeigt:

Zu den allgemeinen Grammatikfehlern gehören:

1. Falscher Attributname, Attributwert entspricht nicht der Spezifikation;

2. Die folgenden Symbole verwenden chinesische Symbole oder Symbole in voller Breite

，；｛｝：

4. Stylesheet Die gespeicherte Kodierung ist falsch

Wenn Sie vermuten, dass die Kodierung der CSS-Tabelle falsch ist, können Sie die CSS-Datei direkt als Datei in UTF-8-Kodierung speichern.

Empfohlenes Lernen:

CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWarum wird der CSS-Stil nicht wirksam?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!