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
Zusammenfassung der zwölf Methoden der Vue-Wertübertragung
Inhaltsverzeichnis 1. Vom Vater zum Sohn 2. Vom S...
Detaillierter Prozess zum Konfigurieren eines HTTPS-Zertifikats unter Nginx
1. Der Unterschied zwischen HTTP und HTTPS HTTP: ...
Einführung in die Einrichtung von Tomcat für den automatischen Start auf einem Linux-System
1. Wechseln Sie in das Verzeichnis /etc/init.d: ...
Vergleich von mydumper und mysqldump in MySQL
Wenn Sie nur ein paar Tabellen oder eine einzelne...
jQuery verwendet das Canvas-Tag, um den Bestätigungscode zu zeichnen
Das <canvas>-Element ist für clientseitige ...
„Implizite Konvertierung“ von MySQL 5.6 führt zu Indexfehlern und ungenauen Daten
Hintergrund Beim Ausführen einer SQL-Abfrage habe...
Analyse der schlechten Leistung, die durch einen großen LIMIT-Offset in der MySQL-Abfrage verursacht wird
Vorwort Wir alle wissen, dass MySQL-Abfragen den ...
Zusammenfassung der 10 gängigen HBase-Betriebs- und Wartungstools
Zusammenfassung: HBase verfügt über zahlreiche Be...
Detaillierte Erläuterung inkompatibler Änderungen an Rendering-Funktionen in Vue3
Inhaltsverzeichnis Änderungen an der Rendering-AP...
Detaillierte Beschreibung der Funktion von meta name="" content="
1. Grammatik: <meta name="Name" conte...
Lösung für das versehentliche Löschen von Daten in MySQL und Kill-Anweisungsprinzip
mysql hat versehentlich Daten gelöscht Verwenden ...
Implementierung des Docker-Verpackungsimages und Konfigurationsänderung
Ich bin in letzter Zeit beim Erlernen von Docker ...
JavaScript-Closures erklärt
Inhaltsverzeichnis 1. Was ist ein Abschluss? 1.2 ...
Der Quellcode zeigt, warum Vue2 Daten und Methoden direkt abrufen kann
Inhaltsverzeichnis 1. Beispiel: Hiermit können Da...
Einführung in MySQL-Isolationsebene, Sperre und MVCC
Ziel dieses Artikels ist es, die Beziehung zwisch...