Eine Zusammenfassung häufig verwendeter CSS-Namenskonventionen, sehr praktisch (Sammlung)-Schlagzeilen-php.cn

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

清浅

Freigeben： 2019-04-23 10:44:41

Original

9021 Leute haben es durchsucht

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

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

[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ü