DIV+CSS-Standard benannte Sammlung

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.

Beschreibung der Benennungsregel:

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

Bezogen auf den wichtigen Teil der äußeren Ebene der Webseite, die Benennung des CSS-Stils:

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

p+CSS-Namensreferenztabelle:

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

说明

CSS文件命名	说明
master.css,style.css	主要的
module.css	模块
base.css	基本共用
layout.css	布局，版面
themes.css	主题
columns.css	专栏
font.css	文字、字体
forms.css	表单
mend.css	补丁
print.css	打印

master.css,style.css

主要的

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!