Jede Website besteht aus strukturellen (die von HTML vorgegeben sind), funktionalen und stilistischen Elementen. Cascading Style Sheets (CSS) werden verwendet, um das Erscheinungsbild (das "Look and Feel") einer Website zu bestimmen. Diese Stile werden von der HTML-Struktur getrennt, um die Aktualisierung und Einhaltung der Webstandards zu erleichtern.
Das Problem mit Stylesheets
Aufgrund der Größe und Komplexität vieler heutiger Websites können Stylesheets recht langwierig und umständlich werden. Dies gilt insbesondere jetzt, da Medienabfragen für responsive Website-Stile ein wesentlicher Bestandteil des Designs sind, um sicherzustellen, dass eine Website unabhängig vom Gerät so aussieht, wie sie sollte. Allein diese Medienabfragen können einem CSS-Dokument eine beträchtliche Anzahl neuer Stile hinzufügen, wodurch die Arbeit noch schwieriger wird. Hier können CSS-Kommentare zu einer unschätzbaren Hilfe für Website-Designer und -Entwickler werden.
Kommentare Fügen Sie Struktur und Klarheit hinzu
Durch Hinzufügen von Kommentaren zu den CSS-Dateien einer Website können Abschnitte dieses Codes für einen menschlichen Leser, der das Dokument überprüft, organisiert werden. Sie sorgt auch für Konsistenz, wenn ein Webprofi an einer anderen Stelle aufnimmt oder wenn Teams auf einer Website arbeiten.
Gut formatierte Kommentare können wichtige Aspekte des Stylesheets an Mitglieder eines Teams vermitteln, die möglicherweise nicht mit dem Code vertraut sind. Diese Kommentare sind auch sehr hilfreich für Personen, die bereits zuvor auf der Website gearbeitet haben, dies aber in letzter Zeit noch nicht getan haben. Webdesigner arbeiten normalerweise auf vielen Websites, und es ist schwierig, sich an Designstrategien von einer zur nächsten zu erinnern.
Nur für professionelle Augen
CSS-Kommentare werden nicht angezeigt, wenn die Seite in Webbrowsern dargestellt wird. Diese Kommentare dienen nur zur Information, genau wie HTML-Kommentare (obwohl die Syntax unterschiedlich ist). Diese CSS-Kommentare wirken sich in keiner Weise auf die visuelle Darstellung einer Website aus.
CSS-Kommentare hinzufügen
Das Hinzufügen eines CSS-Kommentars ist sehr einfach. Sie biegen Ihren Kommentar einfach mit den korrekten Anfangs- und Schluss-Kommentar-Tags:
- Beginnen Sie Ihren Kommentar, indem Sie hinzufügen
/*
- Schließen Sie Ihren Kommentar durch Hinzufügen
*/
Alles, was zwischen diesen beiden Tags angezeigt wird, ist der Inhalt des Kommentars, der nur im Code sichtbar ist und nicht vom Browser dargestellt wird.
Ein CSS-Kommentar kann beliebig viele Zeilen enthalten. Hier sind zwei Beispiele:
/ * Beispiel für rote Umrandung * / div # border_red { Rand: dünn durchgehend rot; }/*******************************************************Stil für Code-Text*******************************************************/ Viele Designer organisieren Stylesheets in kleinen, leicht verdaulichen Brocken, die beim Lesen leicht zu scannen sind. In der Regel werden vor und nach den Kommentaren eine Reihe von Bindestrichen angezeigt, durch die große, offensichtliche Unterbrechungen auf der Seite entstehen, die leicht zu erkennen sind. Hier ist ein Beispiel: / * ----------------------- Kopfzeilenformate ----------------------- ------- * /
Diese Kommentare zeigen den Beginn eines neuen Codierungsabschnitts an. Da die Kommentar-Tags den Browser anweisen, alles dazwischen zu ignorieren, können Sie sie verwenden, um bestimmte Teile des CSS-Codes vorübergehend zu deaktivieren. Dies kann beim Debuggen oder beim Anpassen der Webseitenformatierung hilfreich sein. In der Tat verwenden Designer sie häufig, um Code-Bereiche "auszukommentieren" oder zu "deaktivieren", um zu sehen, was passiert, wenn dieser Abschnitt nicht Teil der Seite ist. Fügen Sie dazu einfach den Anfangs-Kommentar-Tag vor dem Code hinzu, den Sie auskommentieren möchten (deaktivieren). Platzieren Sie das schließende Tag an der Stelle, an der der deaktivierte Teil enden soll. Nichts zwischen diesen Tags wirkt sich auf die visuelle Anzeige einer Website aus. Sie können das CSS debuggen, um zu sehen, wo ein Problem auftritt. Sie können dann das Problem beheben und die Kommentare aus dem Code entfernen. Um es kurz zu fassen: Hier sind einige Tipps für die Verwendung von Kommentaren in Ihrem CSS: Wenn Sie zu viele Kommentare hinzufügen, kann dies die Downloadgeschwindigkeit und -leistung einer Website beeinflussen. Es würde viele Kommentare erfordern, um erhebliche negative Auswirkungen zu haben. Wie so viele Aspekte des Webdesigns kommt es auf das Gleichgewicht an. Abschnitte ausbrechen
Code "auskommentieren"
CSS-Kommentiertipps
Performance
