1. Über Kommentare
Kommentare in CSS sind beim Erstellen von XHTML+CSS-Websites sehr wichtig. Beim Erstellen von CSS-Stilen sollten Sie die Gewohnheit beibehalten, beiläufig zu kommentieren. Im Allgemeinen bin ich es gewohnt, Kommentare im Format „/* Kommentarinhalt*/“ zu schreiben, da in Editoren mit Hervorhebungsfunktionen wie EditPlus das in der C-Sprache häufig verwendete „/********“ verwendet wird . Kommentare wie *******/" sind bedeutungslos und es besteht keine Notwendigkeit, viele bedeutungslose Inhalte als Trennung einzugeben. Dokumente mit Kommentaren dienen als ursprüngliche CSS-Dokumente der Website. Beim Veröffentlichen der Website können Sie ein CSS-Komprimierungstool verwenden, um das CSS zu komprimieren und Kommentare aus dem Ausgabe-CSS zu entfernen, um die Effizienz der Dateiübertragung zu verbessern.
2. Über die Benennung
Bei der Benennung von CSS-Dateien bevorzuge ich die Verwendung semantisch korrekter englischer Namen oder Abkürzungen. Für ungewöhnliche Teile verwende ich möglicherweise teilweise Pinyin-Namen. Darüber hinaus verwende ich in einigen abhängigen Klassen möglicherweise einen Namen ähnlich wie „list_banner“, also den Namen des übergeordneten Elements plus „_“ plus den Namen des Elements.
Was die Namensgebung anbelangt, kann diese auf der Grundlage der Gewohnheiten der Teamdesigner ausgehandelt werden. Am besten fügen Sie jedoch nach dem Namen einen Kommentar hinzu, damit Sie eine Dokumentation zum späteren Nachschlagen erstellen können.
3. Über Vererbung
Nutzen Sie in CSS die Vererbung sinnvoll. Beispielsweise definiert das übergeordnete Element in zwei verschachtelten Divs das Attribut „Hintergrundfarbe“ als Schwarz. Wenn der Hintergrund der untergeordneten Elemente ebenfalls schwarz ist, muss die Definition nicht wiederholt werden. Wenn Sie die CSS-Vererbung sinnvoll nutzen, können Sie Ihren Code effizienter und schlanker machen.
4. Über die Ebenen der CSS-Definition
Beim Definieren von Klassen in CSS wird empfohlen, Anweisungen hierarchisch zu beschreiben.
Beispielstruktur:
| Nachfolgend der zitierte Inhalt: <div id="menu"> <div class="menulist"> <div class="selectit"></div> </div> </div> |
Beispiel-CSS:
| Nachfolgend der zitierte Inhalt: #Speisekarte { ... } #menu .menulist { ... } #menu .menulist .selectit { ... } |
Im obigen Beispiel ist es vom Endeffekt her nicht erforderlich, dass #menu wiederholt angezeigt wird. Wenn jedoch #menu vorangestellt werden kann, wird die Dokumenthierarchie klarer und leichter lesbar.
5. Informationen zur Stilsortierung
Beim Entwerfen von CSS-Stylesheets schreiben wir Code meist von Hand, was leicht zu Verwirrung bei der Reihenfolge der Stile in Klassen führen kann. Beispielsweise verwenden mehrere Klassen Auffüllung, Rand, Hintergrund, Farbe und andere Stile. Beim Sortieren haben einige Klassen jedoch einen höheren Hintergrund und andere einen höheren Rand. Dies führt zu einer gewissen Verwirrung und kann Ihr Denken leicht frustrieren. Ich schlage vor, dass einzelne Designer oder Teamdesigner sich auf eine grobe Reihenfolge einigen, sodass es für jeden Einzelnen keinen großen Unterschied gibt, es aber insgesamt einfacher zu lesen und zu verwalten ist und die Gesamteffizienz erheblich verbessert wird.
Standardmäßig setze ich beispielsweise Breite, Höhe, Abstand, Rand, Rahmen usw. vorne ein, gefolgt von Hintergrund, dann Schriftart, Farbe, Textausrichtung usw., die den Text steuern, und dann einige spezielle Tags, die das können Es werden nur Elemente wie Listenstil usw. und schließlich CSS-Filter verwendet. Bei besonderen Situationen (z. B. der Priorität bestimmter zu definierender CSS-Eigenschaften) kann flexibel damit umgegangen werden.