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    

Artikel empfehlen

Einige allgemeine Eigenschaften von CSS

CSS-Hintergrund: background:#00ffee; //Hintergrund...

So finden und löschen Sie doppelte Zeilen in MySQL

Inhaltsverzeichnis 1. So finden Sie doppelte Zeil...

Detaillierte Einführung in das CSS-Prioritätswissen

Bevor wir über die CSS-Priorität sprechen, müssen...

Mehr als 100 Zeilen Code zur Implementierung von React Drag Hooks

Vorwort Der Quellcode umfasst insgesamt nur mehr ...

MySQL-Techniken zum schnellen Datenvergleich

Im MySQL-Betrieb und bei der Wartung möchte ein F...

Webdesign: Implementierungstechniken für Webmusik

<br />Wenn Sie Musik in eine Webseite einfüg...

CSS3-Eigenschaft line-clamp steuert die Verwendung von Textzeilen

Beschreibung: Begrenzen Sie die Anzahl der Textze...

Funktionsweise von SQL-SELECT-Datenbankabfragen

Obwohl wir keine professionellen DBAs sind, könne...

MySQL-Trigger-Verwendungsszenarien und Methodenbeispiele

auslösen: Trigger-Verwendungsszenarien und entspr...

Vue importiert Echarts, um ein Linienstreudiagramm zu realisieren

In diesem Artikel wird der spezifische Code für d...

MySQL-Sortierung – Chinesische Details und Beispiele

Detaillierte Erklärung zur MySQL-Sortierung chine...

Einführung in die Docker-Architektur

Docker umfasst drei grundlegende Konzepte: Image:...