Das Erscheinungsbild oder der "Stil" einer Website wird bestimmt durch CSS (Cascading Stylesheets). Dies ist eine Datei, die Sie dem Verzeichnis Ihrer Website hinzufügen, die die verschiedenen CSS-Regeln enthält, die das visuelle Design und Layout Ihrer Seiten erstellen.
Obwohl Websites mehrere Stylesheets verwenden können und dies häufig tun, ist dies nicht erforderlich. Sie können alle Ihre CSS-Regeln in einer Datei ablegen, und dies hat tatsächlich Vorteile, einschließlich einer schnelleren Ladezeit und Leistung von Seiten, da sie nicht mehrere Dateien abrufen müssen. Während sehr große Unternehmenswebsites manchmal separate Stylesheets benötigen, können viele kleine bis mittelgroße Websites mit nur einer Datei mit allen Regeln, die Ihre Seiten benötigen, vollkommen ausreichen. Dies wirft die Frage auf "Wie soll ich diese CSS-Datei nennen"?"
Grundlagen der Namenskonvention
Wenn Sie ein erstellen externes Stylesheet für Ihre Webseiten sollten Sie die Datei nach ähnlichen Namenskonventionen für Ihre HTML-Dateien benennen.
Keine Sonderzeichen verwenden Character
Sie sollten in Ihren CSS-Dateinamen nur die Buchstaben a-z, Ziffern 0-9, Unterstrich (_) und Bindestriche (-) verwenden. Während Ihr Dateisystem es Ihnen möglicherweise ermöglicht, Dateien mit anderen Zeichen zu erstellen, kann Ihr Serverbetriebssystem Probleme mit Sonderzeichen haben. Sie sind sicherer, wenn Sie nur die hier genannten Zeichen verwenden. Denn selbst wenn Ihr Server Sonderzeichen zulässt, ist dies möglicherweise nicht der Fall, wenn Sie sich entscheiden, in Zukunft zu anderen Host-Providern zu wechseln.
Keine Leerzeichen verwenden
Genau wie bei Sonderzeichen können Leerzeichen auf Ihrem Webserver zu Problemen führen. Es ist eine gute Idee, sie in Ihren Dateinamen zu vermeiden; Sie sollten sogar darauf achten, Dateien wie PDFs mit denselben Konventionen zu benennen, nur für den Fall, dass Sie sie jemals zu einer Website hinzufügen müssen. Wenn Sie der Meinung sind, dass Sie ein Leerzeichen benötigen, um den Dateinamen besser lesbar zu machen, entscheiden Sie sich stattdessen für Bindestriche oder Unterstriche. Anstelle von "Dies ist die Datei.pdf" verwenden Sie beispielsweise "Dies-ist-die-Datei.pdf".
Der Dateiname sollte mit einem Buchstaben beginnen
Obwohl dies keine absolute Voraussetzung ist, haben einige Systeme Probleme mit Dateinamen, die nicht mit einem Buchstaben beginnen. Wenn Sie beispielsweise Ihre Datei mit einem Zahlenzeichen beginnen, kann dies zu Problemen auf der ganzen Linie führen.
Nur Kleinbuchstaben verwenden
Obwohl dies für einen Dateinamen nicht erforderlich ist, ist es eine gute Idee, da einige Webserver die Groß-/Kleinschreibung beachten und wenn Sie die Datei vergessen und in einer anderen Groß-/Kleinschreibung referenzieren, wird sie nicht geladen. Die Verwendung von Kleinbuchstaben für jeden Dateinamen ist immer ein kluger Weg. Tatsächlich fällt es vielen neuen Webdesignern schwer, sich daran zu erinnern. Ihre Standardaktion beim Benennen einer Datei besteht darin, das erste Zeichen des Namens groß zu schreiben. Vermeiden Sie dies und gewöhnen Sie sich an, nur Kleinbuchstaben zu verwenden.
Halten Sie den Dateinamen so kurz wie möglich
Bei den meisten gibt es eine Begrenzung der Dateinamengröße Betriebssysteme, ist es viel länger, als es für einen CSS-Dateinamen sinnvoll wäre. Eine gute Faustregel sind nicht mehr als 20 Zeichen für den Dateinamen ohne die Erweiterung. Realistischerweise ist alles, was viel länger ist, sowieso umständlich, damit zu arbeiten und zu verlinken.
Der wichtigste Teil Ihres CSS-Dateinamens
Der wichtigste Teil des CSS-Dateinamens ist nicht der Dateiname selbst, sondern die Erweiterung. Auf Macintosh sind keine Erweiterungen erforderlich und Linux-Systeme, aber es ist eine gute Idee, beim Schreiben einer CSS-Datei trotzdem eine einzuschließen. Auf diese Weise wissen Sie immer, dass es sich um ein Stylesheet handelt und müssen die Datei nicht öffnen, um in Zukunft zu bestimmen, was es ist.
Es ist wahrscheinlich keine große Überraschung, aber die Erweiterung Ihrer CSS-Datei sollte wie folgt lauten:
.css
CSS-Dateinamenskonventionen
Wenn Sie immer nur eine CSS-Datei auf der Site haben, können Sie sie beliebig benennen. Einer der folgenden ist vorzuziehen:
style.css
standard.css
default.css
Wenn Ihre Website mehrere CSS-Dateien verwendet, benennen Sie die Stylesheets nach ihrer Funktion, damit genau klar ist, was der Zweck jeder Datei ist. Da einer Webseite mehrere Stylesheets zugeordnet sein können, ist es hilfreich, Ihre Styles in verschiedene Blätter zu unterteilen, abhängig von der Funktion dieses Sheets und den darin enthaltenen Styles. Beispielsweise:
-
Layout vs. Design
layout.css design.css
-
Seitenabschnitte
main.css nav.css
-
Ganze Website mit Unterabschnitten
mainstyles.css subpage.css
Wenn Ihre Website ein Framework verwendet, werden Sie wahrscheinlich feststellen, dass sie mehrere CSS-Dateien verwendet. jeweils für verschiedene Teile der Seiten oder Aspekte der Site (Typografie, Farbe, Layout, usw.).