Was kommt besser? Eine CSS-Anweisung als Block zu schreiben oder in einer Zeile?
An diversen Stellen laufen Diskussionen darüber, ob es besser ist, eine CSS-Anweisung als Block oder als Einzeiler zu schreiben (beispielweise im david walsh blog via codecandies).
Ich kann Betriebssystemdiskussionen verstehen, ich verstehe Browserkriege ... aber das ist für mich eher eine Sache der Freiheit.
Nicht dass es bei der Erstellung und Wartung keine Unterschiede zwischen
p {
font-size:1em;
letter-spacing:0.04em;
line-height:1.6em;
margin:0 0 1em;
}
und
p { font-size:1em; letter-spacing:0.04em; line-height:1.6em; margin:0 0 1em; }
... gäbe.
Bei ersterem ist es einfacher, per Tastatur eine Anweisung komplett zu markieren und sie zu löschen oder an eine andere Position zu verfrachten. Das ist bei der single-line-Darstellung schon mit mehr Tastenklicks verbunden (je nach System und Editor).
Die Blockdarstellung zieht die Datei in die Länge und nutzt dafür wenig Bildschirmbreite aus. Wenn ich an einem großen Monitor arbeite (was meist der Fall ist) habe ich so einen besseren Überblick über die Klassennamen und kann sie schneller finden, ohne die Suchfunktion anschmeißen zu müssen.
Ich verwende beides. Hier habe ich Blöcke und im Starterkit Einzeiler, damit es für größere Projekte besser passt. Das Gute an Sprachen/Formaten, die Spaces und Tabs ignorieren, ist halt, dass man es sich aussuchen kann, wie man seinen Code formatiert.
1
Boris: Ist im Grunde wie die Frage, ob ein Linksscheitel besser ist als ein Rechtsscheitel - Geschmacks- und Gewöhnungssache.
Ich halte Blockdarstellung mit Einrückungen für übersichtlicher, denn ich erfasse die Styleangaben mit einem Blick, ohne die Augen über die ganze Monitorzeile zu bewegen wie beim Lesen einer Webseite, die über die gesamte Seitenbreite läuft.
Zumal ich durchaus manchmal Stylesheet-Blöcke habe, die auch bei voller Bildschirmbreite (1680px) nicht in eine Zeile passen würden. Volle Bildschirmbreite habe ich aber sowieso nicht zur Verfügung wegen der eingeblendeten Sidebar im Editor.
Außerdem, und das wiegt für mich noch schwerer, kann ich einzelne Style-Angaben oder Werte direkt hinter der Angabe kommentieren, was bei Einzeilen-Darstellung gar nicht effektiv machbar ist.
1.1
alp: Stimmt, die CSS-Kommentare (die ich selten hinter den Anweisungen verwende) sind ein weiteres Argument für Blockdarstellung.
2
Olaf: Also ich verwende fast immerBlockdarstellung weil ich es einfach besser lesbar finde. Wie Du schreibss kann man zwar eine ganze Zeile schneller löschen oder verschieben - dafür kann man bei Blöcken wiederum leichter einzelne css Anweisungen herauskopieren oder verschieben.
Aber ich bin da der Meinung, dass das jeder machen kann wie er will - warum da ernsthafte Diskussionen darüber ausbrechen können was "besser" ist versteh ich nun wirklich nicht.
3
Torsten: Ich finde Zeilenumbüche bei CSS schon sehr wichtig, so kann man auch bestimmte elemente besser rüberkopieren und hat eine bessere übersicht über die Angaben. Auch Kommentare sind gelegenlicht eine Wichtige Sache.
Das Löschen von Elementen ist meiner meinung nach auch bei Mehrzeiligen deklerationen kein wirklicher mehraufwand, sofern man seine Tastatur blind beherscht
4
Geldhai: Ich bin auch für die Blockschreibweise, ist einfach übersichtlicher. Innerhalb einer Zeile verfranzt man sich schnell.
5
Simon: Ich finde es eigentlich völlig egal, wie man das schreibt. Ich hab beide Schreibweisen schon verwendet und komme mit beiden gut klar. Blockdarstellung mag übersichtlicher sein, aus Faulheit schreibe ich trotzdem oft alles in eine Linie.
Aber was solls? Kann doch jeder machen, wie er will.
6
alp: Ich bin mittlerweile auch wieder zu einer Blockdarstellung zurück. Allerdings habe ich dabei versucht den Vorteil der Single-Line-Darstellung mitzunehmen, indem ich die Atrribute und Klammern so weit einrücke, dass ich schnell eine Übersicht bekommen (muss halt nur mehr scrollen, als bei Single-Line)
Beispiel