CSS-Namenskonventionen (Regeln), die es wert sind, gesammelt zu werden Häufig verwendete CSS-Namensregeln

CSS-Namenskonventionen (Regeln), die es wert sind, gesammelt zu werden Häufig verwendete CSS-Namensregeln

CSS-Benennungskonventionen (Regeln) Häufig verwendete CSS-Benennungsregeln

Kopfzeile: Kopfzeile
Inhalt: Inhalt/Container
Fußzeile
Navigation: nav
Seitenleiste: Seitenleiste
Spalte: Spalte
Die Seitenperipherie steuert die Gesamtlayoutbreite: Wrapper
Links rechts Mitte
Anmeldeleiste: loginbar
Logo: Logo
Werbung: Banner
Seitentext: Hauptseite
Hotspot: heiß
Nachrichten: Nachrichten
Herunterladen: herunterladen
Unternavigation: Subnav
Menü: Menü
Untermenü: Untermenü
Suche: Suche
Freundlink: Friendlink
Fußzeile: Fußzeile
Urheberrecht: Urheberrecht
Scrollen: scrollen
Inhalt: Inhalt
Schlagwörter: Schlagwörter
Artikelliste: Liste
Eingabeaufforderungsnachricht: msg
Tipps:
Spaltentitel: Titel
Beitreten: joinus
Anleitung: Anleitung
Bedienung: Service
Registrierung: regsiter
Status: Status
Abstimmung: Abstimmung
Partner: Partner

So schreiben Sie Kommentare:
/* Kopfzeile */
Inhaltsbereich
/* Ende des Headers */

ID-Benennung:

1) Seitenstruktur

Container
Kopfzeile: Kopfzeile
Inhalt: Inhalt/Container
Seitentext: Hauptseite
Fußzeile: Fußzeile
Navigation: nav
Seitenleiste: Seitenleiste
Spalte: Spalte
Die Seitenperipherie steuert die Gesamtlayoutbreite: Wrapper
Links rechts Mitte

(2) Navigation

Navigation: nav
Hauptnavigation: mainnav
Unternavigation: Subnav
Top-Navigation: Topnav
Seitennavigation: Seitenleiste
Linke Navigation: linke Seitenleiste
Rechte Navigation: rechte Seitenleiste
Menü: Menü
Untermenü: Untermenü
Titel: Titel
Zusammenfassung: Zusammenfassung

(3) Funktion

Logo: Logo
Werbung: Banner
Anmeldung: Anmelden
Anmeldeleiste: loginbar
Registrieren: registrieren
Suche: Suche
Funktionsbereich: Shop
Titel: Titel
Beitreten: joinus
Status: Status
Taste: btn
Scrollen: scrollen
Tab: Registerkarte
Artikelliste: Liste
Eingabeaufforderungsnachricht: msg
aktuell: aktuell
Tipps:
Symbol: Symbol
Notiz:
Anleitung: Gilde
Bedienung: Service
Hotspot: heiß
Nachrichten: Nachrichten
Herunterladen: herunterladen
Abstimmung: Abstimmung
Partner: Partner
Freundliche Links: Link
Urheberrecht: Urheberrecht

Notiz::

1. Alles kleingeschrieben;
2. Verwenden Sie so viel Englisch wie möglich;
3. Keine horizontalen oder Unterstreichungen;
4. Versuchen Sie, keine Abkürzungen zu verwenden, es sei denn, das Wort ist auf den ersten Blick klar.

Benennung von CSS-Stylesheetdateien

Haupt-master.css
modul.css
Einfaches, gemeinsam genutztes base.css
Layout, Layout layout.css
Thementhemen.css
Spalten.css
textfont.css
forms.css
Patch mend.css
Druckenprint.css

Zusammenfassen

Oben sind die vom Herausgeber eingeführten CSS-Benennungsspezifikationen (Regeln) und häufig verwendeten CSS-Benennungsregeln aufgeführt. Ich hoffe, dass sie für alle hilfreich sind. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  mysql5.7-Remotezugriffseinstellungen

>>:  Javascript realisiert 10-Sekunden-Countdown zur Bezahlung

Artikel empfehlen

So führen Sie MySQL mit Docker-Compose aus

Verzeichnisstruktur . │ .env │ docker-compose.yml...

Beispiel zum Verlassen der Schleife in Array.forEach in js

Inhaltsverzeichnis forEach() Methode So springen ...

Warum gibt es das in JS?

Inhaltsverzeichnis 1. Nachfrage 2. Lösung 3. Die ...

JavaScript verwendet Promise zur Verarbeitung mehrerer wiederholter Anfragen

1. Warum diesen Artikel schreiben? Sie haben sich...

Der Unterschied zwischen Löschen, Abschneiden und Löschen und wie man wählt

Vorwort Letzte Woche fragte mich ein Kollege: „Br...

Detaillierte Erklärung der Winkelinhaltsprojektion

Inhaltsverzeichnis Einzelne Inhaltsprojektion Mul...

Tutorial zur Installation von MySQL unter Linux

Inhaltsverzeichnis 1. Löschen Sie die alte Versio...

MySQL 8.0.19 Installations- und Konfigurations-Tutorial unter Windows 10

Ich werde nächstes Semester MySQL lernen. Ich hab...

Detailliertes Tutorial zum Herunterladen und Installieren von VMware Workstation

Virtuelle Maschinen sind eine sehr praktische Tes...

Zusammenfassung der Verwendung von setTimeout() in JavaScript

Inhaltsverzeichnis 1. Einleitung 2. Der Unterschi...

Detaillierter Beispielcode einer MySQL-Batch-Einfügeschleife

Hintergrund Als ich vor einigen Tagen Paging in M...

Detaillierte Erläuterung der Funktionen und Methoden des Vue3-Lebenszyklus

1. Übersicht Bei der sogenannten Lifecycle-Funkti...

So ändern Sie in Nginx die über http aufgerufene Website in https

Inhaltsverzeichnis 1. Hintergrund 2. Voraussetzun...

Docker startet im Status „Beendet“

Nach dem Docker-Lauf ist der Status immer „Beende...

So verwenden Sie das Schreiben von Dateien zum Debuggen einer Linux-Anwendung

Unter Linux ist alles eine Datei, daher besteht d...