Sonstiges > Offtopic

Cascade Stile Sheets

<< < (2/3) > >>

TMC:
OK, habe jetzt mal die Links getestet und recherchiert.

Im Zuge meiner Recherche bin ich noch auf folgenden Link gestoßen:
http://www.css-erfolg.de/buch/buch.html

Und das hier ist für mich noch nicht klar:
http://www.css-erfolg.de/buch/buch_texte8.html


--- Zitat ---  .center { position: absolute; left: 130px;
        top: 146px; width: 533px; z-index: 3; }
  div.centertop { width: 533px; height: 13px;
        background-image: url("center_top.png"); }

--- Ende Zitat ---

Wo besteht denn der Unterschied zwischen
  div.klassenname
und
   .klassenname

Will heißen, warum steht hier "div" überhaupt da?

Im HTML ist ja kein Unterschied (bis auf dass er "div.centertop" in den ".center" verschachtelt.

Matthias

animate:

--- Zitat von: TMC am 25.02.04 - 21:54:17 ---
Wo besteht denn der Unterschied zwischen
  div.klassenname
und
   .klassenname


--- Ende Zitat ---

div.klassenname gilt für alle div-Tags der Klasse klassenname

.klassenname gilt für alle Tags der Klasse klassenname

TMC:
Danke, Thomas.

Aber dann macht doch hier die Unterscheidung des Buch-Autors ja keinen Sinn:

--- Zitat ---  <DIV CLASS="center">
    <DIV CLASS="centertop"> </DIV>
    <DIV CLASS="centerhead">Überschrift 1</DIV>
    <DIV CLASS="centertxt">
  Lorem ipsum dolor sit amet, ...
    </DIV>
    <DIV CLASS="centertxtb"> </DIV>
    <DIV CLASS="centerhead">Überschrift 2</DIV>
    <DIV CLASS="centertxt">
  Lorem ipsum dolor sit amet, ...
    </DIV>
    <DIV CLASS="centerbot"> </DIV>
  </DIV>

--- Ende Zitat ---

Denn er nimmt ja im HTML-Code nur DIV-Tags her.

Wenn ich Dich richtig verstehe macht die Unterscheidung nur Sinn, wenn man mit verschiedenen Tags arbeitet?

Matthias

animate:
hm, ich kenne das Beispiel nicht.

kann sein, dass es hier keinen Sinn macht, aber das gleiche Stylesheet kannst du ja auch in andere HTML-Seiten einbinden und in denen kanns ganz anders aussehen.

TMC:
OK.

Die Verbindung von http://www.w3schools.com/css/css_syntax.asp und http://selfhtml.teamone.de/css/formate/zentrale.htm erklärt eigentlich alles.

Insbesonders
--- Zitat ---Die beiden HTML-Elemente  div und  span haben besondere Bedeutung für CSS Stylesheets. Der Grund ist, dass sie selber relativ eigenschaftslos sind. Der einzige Unterschied besteht darin, dass das div-Element eine neue Zeile im Textfluss erzwingt, während span zur Verwendung innerhalb eines Textes verwendet werden kann und daher überhaupt keine Eigenschaften hat. Wenn Sie mit diesen Elementen arbeiten, können Sie Probleme vermeiden, die sich aus den im Browser voreingestellten Eigenschaften bestimmter Elemente ergeben. So haben beispielsweise Überschriften bei der Darstellung im Browser bestimmte Vor- und Nachabstände, die von Browser zu Browser recht verschieden sein können. Wenn Sie das Aussehen solcher Elemente kontrollieren wollen, benötigen Sie CSS-Formatdefinitionen nicht selten dazu, um einfach nur die automatischen Voreinstellungen der Browser für solche Elemente zu korrigieren. Bei den Elementen div und span können Sie dagegen fast wie auf einer "tabula rasa" aufsetzen.
--- Ende Zitat ---
erklärt die Gründe, warum der Autor überhaupt das DIV-Element verwendet.

Wie auch immer: Habe langsam jetzt die Zusammenhänge kapiert.

Link-Feedback Axel:
Die oben schon erwähnten Links sind für mich am hilfreichsten:
www.teamone.de/selfhtml
http://www.w3schools.com/css/css_reference.asp

Insbesondere für die w3schools bin ich Dir dankbar, kannte ich vorher noch überhaupt nicht und ist von den Basics her sehr hilfreich.

Matthias

Navigation

[0] Themen-Index

[#] Nächste Seite

[*] Vorherige Sete