Single-Line oder Block-CSS?

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.

Thursday, October 2. 2008
Defined tags for this entry: ,
148 hits

Comments

Display comments as (Linear | Threaded)

1

Boris (Homepage) on 2008-10-02 19:56 (Reply)

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 on 2008-10-02 20:17 (Reply)

Stimmt, die CSS-Kommentare (die ich selten hinter den Anweisungen verwende) sind ein weiteres Argument für Blockdarstellung.
2

Olaf (Homepage) on 2008-10-07 16:37 (Reply)

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 (Homepage) on 2008-10-21 12:35 (Reply)

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 (Homepage) on 2008-10-24 19:07 (Reply)

Ich bin auch für die Blockschreibweise, ist einfach übersichtlicher. Innerhalb einer Zeile verfranzt man sich schnell.
5

Simon (Homepage) on 2008-10-27 21:49 (Reply)

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 on 2008-10-29 19:09 (Reply)

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

Trackbacks


No Trackbacks

Add Comment

BBCode format allowed
Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications.

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA


Über

Das hier ist das private Weblog von Alp Uçkan. Ich entwickle Websites seit 1997 und arbeite derzeit als freiberuflicher Frontend-Entwickler.

Specialp Features

fapulous Framework (neu!)
Das erste XHTML/CSS-Framework auf Basis der Faux Absolute Positioning-Technik. Beinhaltet viele performante Konstrukte. Der Stoff, aus dem professionelle Websites gemacht sind ... ;-)

monitorThis 1.0
With MonitorThis you can subscribe to 26 different search engine feeds at the same time.

Business Blogging Weeks
Blog-Serie über die Kommerzialisierung der Blog-Szene in 2005

neueste Leser-Kommentare:

27.04.2010 00:28
Schaut irgendwie wie aus Omas Zeiten aus... nicht so modern wie meine formschöne und [...]
26.04.2010 21:56
und SOWAS auch noch zum Aufstehn (hab mich grad 3 Std. hingelegt, und bin grad aus m [...]
26.04.2010 19:40
Wenn ausgerechnet Pepino eine Blogparade (was auch immer das sein soll) macht, bin i [...]