id, class , Struktur, Stil

[MudGuard]

Hi,

a.) Also, nach möglichkeit kein "inline" CSS, logisch

Ja.

b.) Am besten eine zentrale CSS-Datei, logisch

Ja.

c.) Auch wenn auf einer Seite CSS verwendet wird was nur auf dieser Seite vorkommt ?

Ja. Auf die Art hast Du alles CSS an einem Fleck.

d.) Bereich (kann) fasse ich in DIV's zusammen z.B. Header, linke Spalte, Content Spalte, Footer

div, wenn es kein besser passendes Element gibt.

e.) Allgemeine Angaben fasse ich zusammen
z.B. p, th, td, a {font-family: Arial, etc.}

Sinnvoll.

f.) Elemente die einmal auf der Seite Vorkommen weise ich eine "id" zu und formatiere über #Name

Wenn das Element nur einmal vorkommt, braucht es keine id, sondern kann direkt über den Elementnamen angesprochen werden. Warum sollte man z.B. body erst eine id zuweisen, wenn body bereits ein ausreichender Selektor ist?

Oder meinst Du Formatierungen, die nur eines von vielen gleichen Elementen betreffen (also z.B. ein p von vielen p)?
Dann ja, id vergeben. Es sei denn, dieselbe Formatierung soll auf verschiedene Elemente angewendet werden (Du hast ein p von vielen und ein h2 von mehreren, die beide "wichtig" sind und daher rot sein sollen, dann würde ich eine Klasse "wichtig { color:red; }" benutzen.

g.) Formatierungen die ich öfters brauche organisiere ich über klassen, wobei ich eine Element z.B. zwei Klassen zuweise z.B. eine für Farbe und eine für Abstände (Wenn es Sinn macht)

Hm. Sicher lassen sich in manchen Fällen mehrfache Klassen in einem Element nicht vermeiden, aber mir reicht oft eine Klasse - der Rest wird über andere Selektoren (meist Nachfahren-Selektoren - befindet sich das Element in der Navigation, im Inhalt, im Fuß ...)

h.) Ich habe p's die z.B. nur im div "navigation" eingerückt sind, ich würde schreiben
#navigation p{margin-left:20px} oder empfiehlt sich eher hier
#navigation .rueckEin{margin-left:20px}
und dem p eine Klasse zu zuweisen. Sauberer im HTML sieht die erste Lösung aus

Warum eine Klasse benutzen, wenn diese nicht notwendig ist?

j.) Ich habe eine Linkliste jeder Link hat eine anders Icon (Image) vorneweg,
gebe ich jetzt jedem li eher eine ID oder eine Klasse ?

s.o. - wenn das Bild wirklich nur einmalig verwendet wird, dann id, sonst Klasse.

k.) Vererbung:

• p ,a, td{} = jedes p, jedes a, jedes td, logisch
• p.class{} = Diese klasse gilt nur bei einen p, logisch
• #navigation p{} = Nur p's innerhalb von der id 'navigation', logisch
  Dann sieht's bei mir zum Teil so aus
  #navigation p, #navigation a, #navigation td{} für mehere Elemente
• #navigation p img{} = Nur img in einem p das in 'navigation' ist, logisch ? oder besser p#navigation img{} ?

Richtig.

• Wie funktioniert denn so etwas .Klasse p{} bzw. .Klasse1 .Klasse2{}, hatte ich gestern nicht hingekriegt.

Genauso. p in einem Element mit der Klasse Klasse bzw. Element mit Klasse Klasse2 in Element mit Klasse Klasse2

l.) Vererbung aufheben ?
Ich hatte einen p{background-color:#FF0000} zu gewiesen, und einer Klasse .andereFarbe{background-color:#FFFF00} im HTML stand dann p class="andereFarbe"
hier wurde die Hintergrundfarbe nicht komplett aud die andere Farbe gesetzt, oben und unten blieben "Steifen" in #FF0000 zurück. padding und margin standen in beiden fällen auf 0px;

Schwer nachzuvollziehen. Online-Beispiel?

m.) Testen und organisieren
Ich teste meine Seiten zuerst in Mozilla und passe dann über conitional comments meine Seiten den IE an. (lade damit eine exterenes css für den IE 6 und ein für den IE 5.5)

Kann man so machen.

n.) Für min-width arbeite ich dann in diesen externen CSS mit expression()

Geht in dem Uralt-Browser ja leider nicht anders.

Also ich beschäftige mich jetzt schon seit geraumer Zeit mit CSS, gewinne aber immer mehr den Eindruck das es kein leichtes Thema ist das man auf die schnelle beherscht.

Richtig.

cu,
Andreas