Eine Zusammenfassung häufig verwendeter CSS-Namenskonventionen, sehr praktisch (Sammlung)

CSS-Benennung besteht aus kleingeschriebenen englischen Wörtern oder Kombinationen, und Wörter werden durch „-“ verbunden. Zu den häufig verwendeten CSS-Benennungsspezifikationen gehören Textbenennungsspezifikationen, Benennungsspezifikationen für Seitenstrukturen, Navigationsbenennungen und Funktionsbenennungen.

CSS-Benennung verwendet im Allgemeinen kleingeschriebene englische Wörter oder Namenskombinationen. Wörter werden durch „-“ getrennt und englische Wörter werden nicht abgekürzt, es sei denn, es handelt sich um einfache Wörter, die auf den ersten Blick verstanden werden können. Als nächstes werde ich in dem Artikel einige häufig verwendete Namenskonventionen in CSS vorstellen. Ich hoffe, dass sie für alle hilfreich sind

[Empfohlene Kurse: CSS-Tutorial】

Textbenennungskonvention

index.css: Wird im Allgemeinen zum Erstellen von Stilen verwendet auf der Homepage

head.css: Kopfstil, der verwendet wird, wenn mehrere Seitenkopfzeilen denselben Designstil haben.

base.css: Gemeinsame Stile.

style.css: Stildatei, die von unabhängigen Seiten verwendet wird.

global.css: Die Basis des Seitenstils, globaler öffentlicher Stil, der in die Seite eingebunden werden muss.

layout.css: Layout, Layoutstil, wird verwendet, wenn es viele gängige Typen gibt, im Allgemeinen auf Homepage-Seiten und Produktseiten verwendet.

module.css: Modul, wird für Produktseiten verwendet. Kann auch mit anderen Stilen verwendet werden.

master.css: Haupt-Stylesheet

columns.css: Spaltenstil

themes.css: Hauptkörperstil

forms.css: Formularstil

mend.css: Patch, ein privater Patch basierend auf dem oben genannten Stil.

Benennung der Seitenstruktur:

Seite: stellt die gesamte Seite dar und wird für die äußerste Ebene verwendet.

Wrapper: Mantel, ein peripheres Paket, das alle Elemente zusammenhüllt und für die äußerste Ebene verwendet wird.

Wrapper: Seitenperipherie steuert die Gesamtlayoutbreite, wird für die äußerste Ebene verwendet.

Container: ein Gesamtcontainer, der für den äußersten

Kopf verwendet wird, Header: Kopfbereich, der für den Header verwendet wird

nav: Navigationsleiste

Inhalt: Inhalt, das Wichtigste Inhaltsbereich auf der Website, der für den Mittelteil der Webseite verwendet wird

main: Der Hauptbereich der Website (mit Angabe der wichtigsten Position), der für den Inhalt im Mittelteil verwendet wird

Spalte: Spalte

Seitenleiste: Seitenleiste

Fuß, Fußzeile: Fußzeile, Fußzeile. Unten werden einige Bereiche zur Platzierung zusätzlicher Informationen auf der Website (oder mit dem Namen Copyright) verwendet

Navigationsbenennung:

nav, navbar, navigation, nav-wrapper: Navigationsleiste oder Navigationspaket, das die horizontale Navigation darstellt

topnav: obere Navigation

mainbav: Hauptnavigation

subnav: Unternavigation

sidebar: Seitennavigation

leftsidebar oder sidebar_a: linke Navigation

rightsidebar oder sidebar_b: rechte Navigation

Titel: Titel

Zusammenfassung: Zusammenfassung

Menü: Menü, Bereich enthält allgemeine Links und Menüs

Untermenü: Untermenü

Drop: Dropdown-Menü

Dorpmenu: Dropdown-Menü

Links: Link-Menü

Funktionsbenennung:

Logo: Website-Logo markieren

Banner: Slogan, Werbebanner, Top-Werbebanner

Anmelden : Anmelden (z. B. Anmeldeformular: Formular-Anmeldung)

Anmeldeleiste: Anmeldeleiste

Registrieren: Registrierung

Tool, Symbolleiste: Symbolleiste

Suche : Suche

Suchleiste: Suchleiste

Sucheingabe: Sucheingabefeld

Shop: Multifunktionsleiste, die das aktuelle

Symbol: kleines Symbol

Label: Marke

Startseite: Startseite

Unterseite: Sekundärseite-Unterseite

Hot: beliebte Hotspots

Liste: Artikelliste (z. B : Nachrichtenliste: list -news)

scrollen: scrollen

Tab: Beschriftung

Sitemap: Sitemap

Nachricht oder Nachricht: Aufforderungsnachricht

current: Aktueller

joinus: Beitreten

status: Status

btn: Schaltfläche, (zum Beispiel: Die Suchschaltfläche kann geschrieben werden als: btn-search )

Tipps: Tipps

Hinweis: Notizen

Gilde: Leitfaden

arr, Pfeil: Pfeil markieren

Service: Service

Breadcrumb: (d. h. Navigationsanweisungen für den Speicherort der Seite)

Download: Download

Abstimmung: Abstimmung

Siteinfo: Website-Informationen

Partner: Partner

Link, Freundlink: freundlicher Link

Copyright: Copyright-Informationen

SiteinfoCredits: Ruf

SiteinfoLegal: rechtliche Informationen