css geordnet oder totales chaos

[kitsune]

hallo meine lieben,

ich habe da eine ansichtsfrage... wie schreibt ihr euren css-code. wenn strukturiert: wie? ich habe schon verschiedene varianten ausprobiert aber irgendwie blicke ich nach einer woche (in der ich nicht rein geschaut habe) sehr schwer durch. habe schon von oben nach unten (bsp.: wrapper, header, content_left, content, footer) versucht aber irgendwie funken mir allgemein die classen dazwischen. habe sie schon extra geschrieben (sprich am ende der css) oder mitten rein, dem jeweilgen objekt zugeordnet).

es würde mich einfach mal interessieren, wie ihr damit umgeht.

lg
kitsune

 

[_Thor_]

Bei mir kommen die allgemeinen Selektoren (body, div, hr, p...)zuerst, dann kommen die Klassen und dann die ID's, alles nach Alphabet sortiert.

 

[prm]

Ich verwende bisher - leider und deshalb nicht empfehlenswert - das "Kraut und Rüben-Prinzip", also eher alles ungeordnet.

Die Variante von <Thor> erscheint mir sehr logisch und sinnvoll.

 

[koslowski]

Hi,

ich mach mir sogar ein Inhaltsverzeichnis in meine CSS:

/*================================================
Stylesheets fuer wen auch immer
Datei: bildschirm.css
Version: 1.0
Datum: 12.12.2008
Ersteller: VHS-Kurs
==================================================*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Inhaltsverzeichnis:
1. ALLGEMEINE SELEKTOREN

2. ALLGEMEINE HYPERLINKS

3.LAYOUTBEREICH
3.1 Gestaltung #wrapper
3.2 Gestaltung #kopfbereich
3.3 Gestaltung #navibereich
3.4 Gestaltung #textbereich
3.5 Gestaltung #fussbereich

4. SPEZIELLE GESTALTUNG UNTERSEITEN INKL. STARTSEITE
4.1 Gestaltung bilder.htm
4.2 Gestaltung links.htm
4.3 Gestaltung kontakt.htm
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

Oben unter Punkt 1 kommt der CSS-Prolog und Restaurierung der wichtigsten Abstände.
Punkt 2 die allgemeinen Hyperlinks.
Punkt 3 die Formatierungen nach Bereichen geordnet, die für alle Seiten gelten, oder auf mehreren Seiten auftauchen.
Punkt 4 dann die speziellen Formatierungen für bestimmte Unterseiten.

Innerhalb der Punkte sind die Formatierungen entspr. dem auftauchen im Quelltext sortiert.

Innerhalb der CSS-Regeln habe ich die Deklarationen ungefähr entsprechend. dem Boxmodell sortiert, z.B. position, float, display, width, height, text, padding, border, margin.

Es ist wurscht ob die CSS 500 oder 1500 Zeilen ist, finde alles relativ flott wieder.

koslowski

 

[crash]

Ich unterteile nach Medium, weshalb meine CSS-Dateien eigentlich immer recht klein bleiben. Irgendwie brauche ich auch keine Kommentare.

Mein css-Ordner sieht immer so aus:

• screen.css
• print.css
• handheld.css
• all.css
• form.css
• noscript.css (optional)
• in einem Unterordner die CSS-Datein für IE: 7.css, 6.css usw.

 

[koslowski]

Hi,

Ich unterteile nach Medium, weshalb meine CSS-Dateien eigentlich immer recht klein bleiben. Irgendwie brauche ich auch keine Kommentare.

Mein css-Ordner sieht immer so aus:

• screen.css
• print.css
• handheld.css
• all.css
• form.css
• noscript.css (optional)
• in einem Unterordner die CSS-Datein für IE: 7.css, 6.css usw.

eine screen.css kann auch schon mal 1000 Zeilen haben. Ohne Ordnung heißt es dann: "Viel Spaß beim suchen".

Eine print.css hab ich auch immer, aber da steht nie soviel drin.

Für den IE beschränke ich mich in Zukunft auf eine CSS, das reicht.
Unterscheidungen je nach IE-Version kann ich innerhalb dieser CSS problemlos machen.

koslowski