Zusammenfassung der Namenskonventionen für HTML und CSS
|
CSS-Benennungsregeln Header: Header Inhalt: Inhalt/enthalten 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 Tab: Registerkarte Artikelliste: Liste Eingabeaufforderungsnachricht: msg Tipps: Spaltentitel: Titel Beitreten: joinus Anleitung: Gilde Bedienung: Service Registrierung: regsiter Status: Status Abstimmung: Abstimmung Partner: Partner Benennung der ID in der XHTML-Datei (1) Seitenstrukturcontainer: 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: nav Hauptnavigation: mainbav Unternavigation: Subnav Top-Navigation: Topnav Seitennavigation: Seitenleiste Linke Navigation: linke Seitenleiste Rechte Navigation: rechte Seitenleiste Menü: Menü Untermenü: Untermenü Titel: Titel Zusammenfassung: Zusammenfassung (3) Funktionssymbol: Logo Werbung: Banner Anmeldung: Anmelden Anmeldeleiste: loginbar Registrierung: regsiter 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 Klassenbenennung in XHTML-Dateien (1) Farbe: Verwenden Sie den Farbnamen oder den Hexadezimalcode, z. B. (eine Benennung nach dem Aussehen wird nicht empfohlen) .red { Farbe: rot; } .f60 { Farbe: #f60; } .ff8600 { Farbe: #ff8600; } (2) Schriftgröße: Verwenden Sie als Namen „Schriftart+Schriftgröße“, zum Beispiel .font12px { Schriftgröße: 12px; } .font9pt {Schriftgröße: 9pt; } (3) Ausrichtungsstil: Verwenden Sie den englischen Namen des Ausrichtungsziels, z. B. .links { float:links; } .bottom { float:bottom; } (4) Titelleistenstil, benannt nach der Methode „Kategorie + Funktion“, wie zum Beispiel .barnews { } .barprodukt { } Andere damit zusammenhängende Angelegenheiten 1. Alles kleingeschrieben; 2. Verwenden Sie so viel Englisch wie möglich; 3. Keine Bindestriche oder Unterstriche; 4. Versuchen Sie, keine Abkürzungen zu verwenden, es sei denn, das Wort ist auf den ersten Blick klar. 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 |
<<: Lösung für die durch die obere feste Navigationsleiste blockierte CSS-Ankerpositionierung
>>: Detaillierter Prozess zum Erstellen eines NFS-Servers mithilfe des NFS-Ganesha-Image von Docker
Artikel empfehlen
Detaillierte Erläuterung der Datenübertragung zwischen React-Elternkomponenten und -Kindkomponenten
Inhaltsverzeichnis 1. Die übergeordnete Komponent...
jQuery implementiert Akkordeon-Kleinbuchstaben
Dieser Artikel gibt Ihnen den spezifischen Code v...
Einführung in die Verwendung von CSS3-Filterattributen
1. Einleitung Beim Schreiben von Animationseffekt...
Lösen Sie das Problem ungültiger UTF8-Einstellungen in MySQL 5.6
Nach der Dekomprimierung der grünen Version von m...
Echarts implementiert das Umschalten verschiedener X-Achsen in einem Diagramm (Beispielcode)
Rendern Wenn Sie den im Bild unten gezeigten Effe...
Detaillierte Erläuterung der MySQL-Transaktionsisolationsebene und des MVCC
Inhaltsverzeichnis Transaktionsisolationsebene Be...
Zusammenfassung des Front-End-Wissens im Gokudō-Spiel
Hintergrund Zu Beginn meines Japanisch-Lernens fi...
Die spezifische Verwendung von CSS-Attributen zur Optimierung der Frontend-Seitendarstellung wird sich ändern
Vorwort Wenn Bildlaufereignisse wie Scrollen und ...
Wie können die Transaktionseigenschaften von MySQL InnoDB sichergestellt werden?
Vorwort Wenn Sie jemand fragt: „Was sind die Merk...
Webdesign muss auch zunächst eine umfassende Bildpositionierung der Website haben
⑴ Der Inhalt bestimmt die Form. Reichern Sie zuers...
Implementierung von Socket-Optionen in der Linux-Netzwerkprogrammierung
Socket-Optionsfunktion Funktion: Methoden zum Les...
js implementiert Array-Abflachung
Inhaltsverzeichnis So reduzieren Sie ein Array 1....
Mit CSS3 können Sie eine schwebende Wolkenanimation erzielen
Wirkung der Operation html <Kopf> <meta ...
Erstellen Sie ein SSL-Zertifikat, das in nginx und IIS verwendet werden kann
Inhaltsverzeichnis Erstellen eines SSL-Zertifikat...
Detaillierte Erläuterung des Problems, dass die Synchronisierung des Warehouse-Cache nach dem Ändern der Yum-Quelle in CentOS8 fehlschlägt
Ursache des Problems: Zunächst kann die Standard-...