Wenn wir CSS+P-Webseiten (Xhtml) entwickeln, ist die CSS-Benennung das verwirrendste und verwirrendste. Insbesondere Neulinge wissen nicht, wie man Orte benennt und wie man sie am besten benennt.
1) Alle Namen sollten in Kleinbuchstaben geschrieben werden
2) Der Wert des Attributs muss in doppelte Anführungszeichen ("") eingeschlossen werden und einen Wert wie class="pcss5", id="pcss5"
haben 3) Jedes Etikett muss einen Anfang und ein Ende haben, die richtige Höhe haben und das Layout muss regelmäßig und ordentlich sein
4) Leere Elemente müssen ein End-Tag haben oder „/“
nach dem Start-Tag hinzufügen 5) Leistung und Struktur sind vollständig getrennt. Der Code enthält keine Leistungselemente wie Stil, Schriftart, BGColor, Rahmen usw.
6) Die Definition sollte dem Prinzip vom Großen zum Kleinen folgen, die Struktur des Dokuments widerspiegeln und Suchmaschinenabfragen erleichtern.
7) Fügen Sie jeder Tabelle und jedem Formular eine eindeutige Struktur-Tag-ID
hinzu 8) Fügen Sie dem Bild einen Alt-Tag hinzu
9) Versuchen Sie, englische Namensprinzipien zu verwenden
10) Versuchen Sie, Wörter nicht abzukürzen, es sei denn, sie sind auf den ersten Blick leicht zu verstehen
Coat Wrap---wird für den äußersten Header-Header verwendet--wird für den Hauptinhalt des Headers verwendet ------------wird für den Hauptinhalt verwendet (Mitte) links Haupt-links-------------linkes Layout rechts Haupt-rechts---- ---- ---Navigationsleiste im rechten Layout-----------------Inhalt der Navigationsleiste im Menü der Webseite------------- -Wird für den unteren Bereich verwendet Fußzeile des mittleren Teils der Webseite-----------------Wird für den unteren Teil verwendet
Das Folgende ist eine Referenztabelle für die Benennung von CSS-Stilen und CSS-Dateien, p CSS-Benennungssammlung:
Benennung des CSS-Stils |
Beschreibung |
|
Öffentliche Benennung von Webseiten |
|
|
#wrapper |
Der Seitenrand steuert die Gesamtbreite des Layouts |
|
#container oder #content |
Behälter, der für die äußerste Schicht verwendet wird |
|
#Layout |
Layout |
|
#head,#header |
Kopfteil |
|
#foot,#footer |
Fußzeilenbereich |
|
#nav |
Hauptnavigation |
|
#subnav |
Sekundärnavigation |
|
#Menü |
Menü |
|
#Untermenü |
Untermenü |
|
#sideBar |
Seitenleiste |
|
#sidebar_a,#sidebar_b |
Linke Spalte oder rechte Spalte |
|
#main |
Seitentext |
|
#tag |
Tag |
|
#msg #message |
Sofortige Nachricht |
|
#Tipps |
Tipps |
|
#Abstimmung |
Abstimmung |
|
#friendlink |
Freundliche Verbindung |
|
#Titel |
Titel |
|
#Zusammenfassung |
Zusammenfassung |
|
#loginbar |
Anmeldeleiste |
|
#searchInput |
Sucheingabefeld |
|
#heiß |
Beliebte Hotspots |
|
#suchen |
Suchen Sie |
|
#search_output |
Die Suchausgabe ähnelt den Suchergebnissen |
|
#searchBar |
Suchleiste |
|
#search_results |
Suchergebnisse |
|
#Urheberrecht |
Copyright-Informationen |
|
#Branding |
Warenzeichen |
|
#logo |
Website-LOGO |
|
#siteinfo |
Website-Informationen |
|
#siteinfoLegal |
Rechtliche Erklärung |
|
#siteinfoCredits |
Ruf |
|
#joinus |
Machen Sie mit |
|
#Partner |
Partner |
|
#Service |
Service |
|
#regsiter |
Registrieren |
|
arr/arrow |
Pfeil |
|
#Gilde |
Leitfaden |
|
#sitemap |
Sitemap |
|
#list |
Liste |
|
#Homepage |
Zuhause |
|
#Unterseite |
Sekundäre Unterseite |
|
#tool,#toolbar |
Symbolleiste |
|
#drop |
Ablegen |
|
#dorpmenu |
Dropdown-Menü |
|
#status |
Status |
|
#scrollen |
Scrollen Sie |
|
.tab |
Tag-Seite |
|
.left.right.center |
Links, Mitte, rechts |
|
.news |
Neuigkeiten |
|
.herunterladen |
Laden Sie herunter |
|
.banner |
Werbebanner (Top-Werbebanner) |
|
Bezogen auf den elektronischen Handel |
|
|
.Produkte |
Produkte |
|
.products_prices |
Produktpreis |
|
.products_description |
Produktbeschreibung |
|
.products_review |
Produktbewertungen |
|
.editor_review |
Kommentar bearbeiten |
|
.news_release |
Neueste Produkte |
|
.publisher |
Hersteller |
|
.Screenshot |
Miniaturansicht |
|
.faqs |
Häufig gestellte Fragen |
|
.keyword |
Schlüsselwörter |
|
.blog |
Blog |
|
.forum |
Forum |
CSS-Unterstützung |
说明 |
||||||||||||||||||||||
|
主要的 | ||||||||||||||||||||||
| module.css | 模块 | ||||||||||||||||||||||
| base.css | 基本共用 | ||||||||||||||||||||||
| layout.css | 布局，版面 | ||||||||||||||||||||||
| themes.css | 主题 | ||||||||||||||||||||||
| columns.css | 专栏 | ||||||||||||||||||||||
| font.css | 文字、字体 | ||||||||||||||||||||||
| forms.css | 表单 | ||||||||||||||||||||||
| mend.css | 补丁 | ||||||||||||||||||||||
| print.css | 打印 |
Das obige ist der detaillierte Inhalt vonDIV+CSS-Standard benannte Sammlung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
