wow… vielen dank für diese super antwort…werd mir mal n
bild machen wie ich die seite ein bisschen mit mehr CSS tags
erweitern könnte…
Ahhh…hier muss ich mich doch nochmal einmischen. Guten Morgen!
Du scheinst ein völlig falsches Bild von CSS bekommen zu haben. Nicht, dass man Dir das vorwerfen könnte, keine Angst.
CSS ist nicht irgendso eine optionale Erweiterung für HTML. In CSS gibts schließlich auch keine Tags.
Um CSS richtig anzuwenden, muss man das Erstellen von Webseiten auf eine völlig andere Weise angehen. Und man muss HTML lernen! Die meisten Menschen, die Websites ohne CSS bauen, können nämlich auch gar kein HTML.
Um CSS richtig anzuwenden, muss man sich eines bewusst sein: Der Trennung von Inhalt und Layout! HTML ist NUR dazu da (so ist es schon immer gedacht, nur hat man es missbraucht, solange es noch kein CSS gab), den Inhalten einer Seite eine Struktur zu geben. Semantik nennt man das. Man zeichnet mit HTML-Tags aus, was der Inhalt bedeuten soll. Überschriften kennzeichnet man mit h1 bis h6, und zwar immer beginnend bei h1. Ein h3 kann es ohne h1 und h2 nicht geben. Eine Adresse wird mit address ausgezeichnet, tabellarische Daten mit einer Tabelle. Die hier in W-W-W erlaubten Tags b, i, u sind hinfällig. Sie bezeichnen nicht, was ein Inhalt bedeuten soll, sondern sie sind reich für das Layout. Das gehört nicht nach HTML.
Das Layout hingegen wird einzig und vollständig mit CSS gemacht. Dabei ist es CSS egal, ob man Layout für grafische Browser macht oder für Screenreader (Browser, die vorlesen) oder für den Drucker. All das kann man mit CSS einstellen.
Aber das schwierigste nach wie vor für CSS-Einsteiger scheint zu sein, HTML zu lernen. Um eine Seite mit CSS zu gestalten, sollte man wirklich hergehen, und erst nur die Inhalte in eine HTML-Datei schreiben und mit den semantisch richtigen Tags auszeichnen. Ohne Layout! Klar, gewisse Gedanken zum Layout macht man sich auch hier schon, aber was man mit HTML auszeichnet, beschreibt nicht das Layout. Wenn man sich daran hält, wird man auch feststellen, dass CSS-gestaltete Seiten NICHT „mit divs“ gemacht werden. Denn ein div ist ein allgemeines Blockelement ohne weitere Bedeutung, das nur eine Existenzberechtigung hat, wo andere Elemente gruppiert werden sollen, um im Layout denen zusammen eine bestimmte Eigenschaft zu geben.
Probiere es, schreibe Deine Inhalte nur mit semantisch richtigem HTML.
Wenn das fertig ist, schreibt man ein Stylesheet, eine extra Datei. So hat man die Trennung von Inhalt und Layout auch bei den Dateien.
Das Ergebnis ist eine Seite, die in 100% aller Browser mit 100% aller möglichen Konfigurationen funktioniert (und funktioniert heißt, jeder kann sie ansehen und die Inhalte erfassen, ob er das mit seinen Augen oder anderen Hilfsmitteln macht, oder sie ausdruckt. Klar, sie sieht nicht überall gleich aus, aber das ist auch gar nicht schlimm! Textbrowser z.B. können halt keine Grafikelemente anzeigen. Und bei Vorlesebrowsern ist es egal, wie die Seiten optisch wirken, denn sie werden ja vorgelesen (hier ist eine semantisch korrekte Struktur übrigens absolut lebenswichtig, denn wie soll ein Browser z.B. **aussprechen? Er weiß ja nicht, was das bedeutet. hiongegen erkennt er als wichtigen Teil und betont ihn extra. Ob strong dann fett, korsiv oder gar rosa auf gelbem Hintergrund dargestellt wird, ist dem Vorlesebrowser egal!).
Richtiges HTML und CSS ermöglicht 100% Kompatibilität, vereinfacht die Wartung der Site auf ein Minimum (nämlich die Inhalte), verkleinert den Code enorm (das Stylesheet gibt es nur einmal und auch das landet im Cache), und bei einem Redesign muss man NUR das Stylesheet austauschen, wenn man den HTML-Code richtig gemacht hat, sind hier KEINE Änderungen notwendig! Dazu sollte man sich mal folgende Site ansehen, das basiert alles auf dem SELBEN HTML-Code ohne Änderungen! Einzig die Stylesheets sind anders:
http://www.csszengarden.com/
Das sind hunderte von absolut verschiedenen Designs. Alles durch CSS und perfekte Trennung von Inhalt und Layout!
So, ich glaube, ich habe Euch genug belästigt, so am frühen Morgen 
Aber möge darüber nachdenken, wer vor hat, endlich auf CSS umzusteigen (zum Wohle seiner Besucher und der Barrierefreiheit)!
Wer Fragen hat…immer nur her damit!
Einen schönen Tag wünscht
-Efchen**
