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

Spezifische Verwendung der Schnittstelle wx.getUserProfile im Applet

Kürzlich hat das WeChat Mini-Programm Anpassungen...

Detailliertes Tutorial zur Installation des Quellcodes von CentOS6.9+Mysql5.7.18

Bei der Installation des Quellcodes von CentOS6.9...

So benennen Sie in Linux mehrere Dateien gleichzeitig um

Vorwort In unserer täglichen Arbeit müssen wir hä...

So erstellen Sie YUM in einer Centos7-Umgebung

1. Geben Sie die Konfigurationsdatei der Yum-Quel...

Funktionsüberladung in TypeScript

Inhaltsverzeichnis 1. Funktionssignatur 2. Funkti...

Analyse der Ursache des Docker-Fehlers Beendet (1) vor 4 Minuten

Docker-Fehler 1. Überprüfen Sie die Ursache Docke...

So umgehen Sie unbekannte Feldnamen in MySQL

Vorwort Dieser Artikel stellt die fünfte Frage vo...

Linux Cron geplante Ausführung von PHP-Code mit Parametern

1. Verwenden Sie zur Ausführung weiterhin ein PHP...

Bringen Sie Ihnen bei, ein einfaches Versprechen Schritt für Schritt umzusetzen

Inhaltsverzeichnis Schritt 1: Erstellen Sie das F...

Detaillierte Erklärung zur Verwendung der Linux-Umleitung

Ich glaube, dass jeder manchmal Daten kopieren un...

Detaillierte Erklärung der Nginx-Konfigurationsdatei

Die Hauptkonfigurationsdatei von Nginx ist nginx....

Chinesische Lösung und Beispielcode für die MySQL-Volltextsuche

MySQL-Volltextsuche, chinesische Lösung Kürzlich ...

Lassen Sie uns ausführlich über den Symboldatentyp in ES6 sprechen

Inhaltsverzeichnis Symboldatentyp Der Grund, waru...