Inhaltsverzeichnis
Häufige CSS-Stilfehler
1. Externes Stylesheet nicht zugeordnet
2 Die Codierung des gespeicherten Stylesheets ist falsch
3. Der Selektor ist falsch geschrieben
4, Grammatik Fehler
Heim Web-Frontend CSS-Tutorial Was sind die häufigsten Fehler in CSS-Stilen?

Was sind die häufigsten Fehler in CSS-Stilen?

Jul 14, 2021 pm 02:41 PM
css样式

Zu den CSS-Stilfehlern gehören: 1. Nicht mit einem externen Stylesheet verknüpft; 2. Falsche Kodierung beim Speichern des Stylesheets; 4. Falsche Auswahl des Selektors; die nicht den Spezifikationen entsprechen, und die Verwendung von chinesischen Symbolen oder Symbolen in voller Breite usw.

Was sind die häufigsten Fehler in CSS-Stilen?

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

Häufige CSS-Stilfehler

1. Externes Stylesheet nicht zugeordnet

Das ist ein sehr sprachloser Fehler, aber nachdem ich hart daran gearbeitet habe, den Code zu schreiben, habe ich festgestellt, dass es keinen Stil gab. Nachdem ich lange dumm gearbeitet hatte, stellte ich schließlich fest, dass ich den äußeren Stil zu diesem Zeitpunkt wirklich vergessen hatte. .

Wenn nicht alle Ihre Stile wirksam werden, überprüfen Sie zunächst, ob das Stylesheet verknüpft ist oder ob die Position und der Name des verknüpften Stils korrekt sind

<link rel="stylesheet" href="css/index.css"/>
Nach dem Login kopieren

2 Die Codierung des gespeicherten Stylesheets ist falsch

Wenn Sie Zweifel an der Kodierung des CSS-Tabellenfehlers haben, können Sie die CSS-Datei direkt als Datei in der UTF-8-Kodierung speichern.

3. Der Selektor ist falsch geschrieben

  • Nachkommenauswahl usw. schreiben, einschließlich mehrerer Tags, Klassennamen, IDs usw. Wenn die Reihenfolge und der Name des untergeordneten Selektors falsch geschrieben sind, können Fehler auftreten.

  • Ich habe vergessen, den Klassennamen und die Klassen-ID in das Tag im HTML zu schreiben, und der Selektor verwendet diese fehlenden Klassennamen, IDs usw., sodass der Stil natürlich nicht wirksam wird.

  • Ob der Nachkommenselektor mit Leerzeichen geschrieben ist

  • Ob Selektoren wie p.box{} als p.box{} geschrieben werden, das heißt, ein weiteres Leerzeichen wird geschrieben

4, Grammatik Fehler

Am Beispiel der Entwicklertools von Google Chrome werden allgemeine Grammatikfehler angezeigt, wenn der Stil durchgestrichen ist, es gibt eine Symbolaufforderung auf der linken Seite des Stils und eine englische Aufforderung wird angezeigt, wenn der Stil durchgestrichen ist Maus wird hineinbewegt. Wie in der Abbildung unten gezeigt:
Was sind die häufigsten Fehler in CSS-Stilen?
Allgemeine Grammatikfehler umfassen:

1) falsch geschriebener Attributname, Attributwert entspricht nicht der Spezifikation;

2) Die folgenden Symbole verwenden Chinesisch oder in voller Breite Symbole:

,;{}:
Nach dem Login kopieren

3), das HTML-Tag ist nicht vollständig geschrieben, es fehlt „“ usw

Das obige ist der detaillierte Inhalt vonWas sind die häufigsten Fehler in CSS-Stilen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So erstellen Sie eine Diashow-Layoutseite mit HTML und CSS So erstellen Sie eine Diashow-Layoutseite mit HTML und CSS Oct 16, 2023 am 09:07 AM

So erstellen Sie eine Folienlayoutseite mit HTML und CSS. Einführung: Das Folienlayout wird häufig im modernen Webdesign verwendet und ist bei der Anzeige von Informationen oder Bildern sehr attraktiv und interaktiv. In diesem Artikel wird erläutert, wie Sie mit HTML und CSS eine Folienlayoutseite erstellen, und es werden spezifische Codebeispiele bereitgestellt. 1. HTML-Layoutstruktur Zuerst müssen wir eine HTML-Layoutstruktur erstellen, einschließlich eines Foliencontainers und mehrerer Folienelemente. Der Code sieht so aus: &lt;!DOCTYPEhtml&

So verwenden Sie den Pseudoklassenselektor nth-child(-n+5), um den CSS-Stil von untergeordneten Elementen auszuwählen, deren Position kleiner oder gleich 5 ist So verwenden Sie den Pseudoklassenselektor nth-child(-n+5), um den CSS-Stil von untergeordneten Elementen auszuwählen, deren Position kleiner oder gleich 5 ist Nov 20, 2023 am 11:52 AM

So verwenden Sie den Pseudoklassenselektor nth-child(-n+5), um den CSS-Stil von untergeordneten Elementen auszuwählen, deren Position kleiner oder gleich 5 ist. In CSS ist der Pseudoklassenselektor ein leistungsstarkes Werkzeug, das dies kann Durch eine bestimmte Auswahlmethode werden bestimmte Elemente in einem HTML-Dokument ausgewählt. Unter diesen ist:nth-child() ein häufig verwendeter Pseudoklassenselektor, der untergeordnete Elemente an bestimmten Positionen auswählen kann. :nth-child(n) kann mit dem n-ten untergeordneten Element in HTML übereinstimmen, und :nth-child(-n) kann übereinstimmen

So implementieren Sie ein einfaches Chat-Seitenlayout mit HTML und CSS So implementieren Sie ein einfaches Chat-Seitenlayout mit HTML und CSS Oct 18, 2023 am 08:42 AM

So verwenden Sie HTML und CSS, um ein einfaches Chat-Seitenlayout zu implementieren. Mit der Entwicklung moderner Technologie verlassen sich die Menschen für Kommunikation und Kommunikation zunehmend auf das Internet. Auf Webseiten sind Chatseiten eine sehr häufige Layoutanforderung. In diesem Artikel erfahren Sie, wie Sie mithilfe von HTML und CSS ein einfaches Chat-Seitenlayout implementieren, und geben konkrete Codebeispiele. Zuerst müssen wir eine HTML-Datei erstellen, Sie können einen beliebigen Texteditor verwenden. Erstellen Sie am Beispiel von index.html zunächst einen einfachen HTML-Code

So implementieren Sie ein detailliertes Seitenlayout mit HTML und CSS So implementieren Sie ein detailliertes Seitenlayout mit HTML und CSS Oct 20, 2023 am 09:54 AM

So verwenden Sie HTML und CSS zum Implementieren eines detaillierten Seitenlayouts. HTML und CSS sind die grundlegenden Technologien zum Erstellen und Entwerfen von Webseiten. Durch die entsprechende Verwendung dieser beiden können wir verschiedene komplexe Webseitenlayouts erstellen. In diesem Artikel wird erläutert, wie Sie mithilfe von HTML und CSS ein detailliertes Seitenlayout implementieren, und es werden spezifische Codebeispiele bereitgestellt. Erstellen Sie eine HTML-Struktur. Zuerst müssen wir eine HTML-Struktur erstellen, um den Inhalt unserer Seite zu platzieren. Das Folgende ist eine grundlegende HTML-Struktur: &lt;!DOCTYPEhtml&g

So erstellen Sie ein responsives Kartenwand-Layout mit HTML und CSS So erstellen Sie ein responsives Kartenwand-Layout mit HTML und CSS Oct 25, 2023 am 10:42 AM

So erstellen Sie ein responsives Kartenwandlayout mit HTML und CSS. Im modernen Webdesign ist responsives Layout eine sehr wichtige Technologie. Mithilfe von HTML und CSS können wir ein responsives Kartenwand-Layout erstellen, das sich an Geräte mit unterschiedlichen Bildschirmgrößen anpasst. Hier sehen Sie genauer, wie Sie mit HTML und CSS ein einfaches responsives Kartenwandlayout erstellen. HTML-Teil: Zuerst müssen wir die Grundstruktur in der HTML-Datei einrichten. Wir können eine ungeordnete Liste (&lt;ul&gt;) und verwenden

So erstellen Sie mit HTML und CSS ein responsives Seitenlayout für die Videowiedergabe So erstellen Sie mit HTML und CSS ein responsives Seitenlayout für die Videowiedergabe Oct 18, 2023 am 10:48 AM

So erstellen Sie mit HTML und CSS ein responsives Seitenlayout für die Videowiedergabe. Im heutigen Internetzeitalter sind Videos zu einem festen Bestandteil unseres täglichen Lebens geworden. Immer mehr Websites und Anwendungen bieten Funktionen zur Videowiedergabe. Um ein besseres Benutzererlebnis zu bieten, müssen Entwickler ein responsives Seitenlayout für die Videowiedergabe erstellen, um sich an verschiedene Geräte und Bildschirmgrößen anzupassen. In diesem Artikel wird detailliert beschrieben, wie Sie dies mithilfe von HTML und CSS erreichen, und es werden konkrete Codebeispiele bereitgestellt. Schritt 1: HTML-Struktur Zuerst I

So erstellen Sie ein responsives Musik-Player-Layout mit HTML und CSS So erstellen Sie ein responsives Musik-Player-Layout mit HTML und CSS Oct 19, 2023 am 10:02 AM

So erstellen Sie mithilfe von HTML und CSS ein ansprechendes Layout für einen Musikplayer. In der heutigen Zeit der rasanten Entwicklung der Informationstechnologie ist Musik als Unterhaltungsform tief in das Leben der Menschen eingedrungen. Für ein besseres Musikerlebnis bieten viele Websites und Anwendungen Online-Musikplayer an. In diesem Artikel wird erläutert, wie Sie mithilfe von HTML und CSS ein responsives Musik-Player-Layout erstellen, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir eine Grundstruktur mit HTML erstellen. Hier ist ein einfaches HTML-Layout-Beispiel: &lt;!

So betten Sie CSS-Stile in HTML ein So betten Sie CSS-Stile in HTML ein Sep 20, 2023 am 11:37 AM

Zu den Methoden zum Einbetten von CSS-Stilen in HTML gehören Inline-Stile, interne Stylesheets und externe Stylesheets. Detaillierte Einführung: 1. Inline-Stil bezieht sich auf das direkte Schreiben des CSS-Stils in das HTML-Tag und das Festlegen des Stils des Elements über das Stilattribut. Der Vorteil dieser Methode besteht darin, dass sie einfach und intuitiv ist und den Stil schnell festlegen kann Es handelt sich jedoch um ein bestimmtes Element. Der Stil ist jedoch eng mit der HTML-Struktur verknüpft, was die Wartung und Wiederverwendung erschwert. Gleichzeitig muss das gesamte HTML-Dokument durchlaufen werden , was ineffizient ist; 2. Interne Stylesheets usw.

See all articles