Ingo Siemon: Erste CSS Versuche

Beitrag lesen

Lieber Martin

Also ist es sinvoller, das <body>-Element direkt in der
entsprechenden XHTML-Datei zu verifizieren und nicht in einer
"ausgelagerten" Datei?
Also im Grunde so: <body style="background-color:#235f70;>

Neiiin!
In der (X)HTML-Datei einfach nur <body> ohne jede weitere Angabe, und im CSS ebenso schlicht:
body { eigenschaft: wert; }
Beim h1 weiter unten hast du doch auch verstanden, wie ich es gemeint habe. Super Ingo!  ;-)

Yep, ich habs nun geschnallt.
Aber das mit dem <body>-Tag muss ich wohl doch so machen, weil ...
... ich werde auf meinen Seiten 2 unterschiedliche Hintergrundfarben verwenden
(auf den meisten hellblau und auf einigen dunkelblau).
Darum hatte ich das so gemacht:
body { background-color : #235f70; }
.hintergrund-2 { background-color : #004559; }
<body class="hintergrund-1"> bzw <body class="hintergrund-1">

Nach Deinen Ausführungen unten ist dann aber ja eine ID für den
<body>-Tag richtiger als eine Klasse ... gelle?

Außerdem meintest du nicht verifizieren, sondern referenzieren.
Verifizieren: nachprüfen, nachweisen
Referenzieren: sich auf etwas beziehen

OK.

So richtig habe die Unterschiede bzw. Vor- und Nachteile
von KLassen und IDs nicht nicht begriffen.

Das Gefühl habe ich auch. *g*
Eine ID verwendet man, um genau ein Element eindeutig(!) zu identifizieren. Eine ID darf nur einmal im Dokument vorkommen.
Eine Klasse verwendet man, wenn man mehrere (evtl. sogar verschiedene) Elemente mit dem gleichen Set von Eigenschaften ausstatten möchte.
Sowohl ID als auch Klasse sollte man aber der Übersichtlichkeit halber weglassen, wenn man das/die betreffende/ Element/e auch anders packen kann, z.B. über den Elementnamen allein, über ihr Elternelement, etc.

Ahhh ... ich glaube, nun habs ichs kapiert.
Danke für Deine Geduld mit mir.

Obwohl ich ja finde, dass es furchtbar ausschaut, wenn z.B. Fragezeichen und Ausrufezeichen direkt am Wortende "kleben".

Das sehe ich genau andersrum. Genauso irritiert es immer, wenn die Leute eigentlich einen Bindestrich meinen, aber dann rechts und links vom Strich noch Leerzeichen setzen. Dann ist es kein Bindestrich mehr, sondern höchstens ein Gedankenstrich. Und der trennt eher als dass er verbindet.

OK, ich denk drüber nach.

Gruß
Ingo

0 98

Erste CSS Versuche

Ingo Siemon
  • css
  1. 2
    Ashura
    • xml-derivat
    1. 0
      Ingo Siemon
      1. 0
        Der Martin
        1. 0
          Ingo Siemon
          1. 0
            Længlich
            1. 0
              Ingo Siemon
              1. 0
                Længlich
                1. 0
                  Ingo Siemon
                  1. 0
                    Struppi
                    1. 0
                      Ingo Siemon
                  2. 0
                    Længlich
                    1. 0
                      Ingo Turski
                      1. 0
                        Længlich
                    2. 0
                      Ingo Siemon
          2. 0
            Cheatah
            1. 0
              Ingo Siemon
              1. 0
                Cheatah
                1. 0
                  Ingo Siemon
        2. 0
          Ingo Siemon
    2. 0
      Ingo Siemon
      1. 0
        Ashura
        1. 0
          Ingo Siemon
  2. 2
    Eternius
    1. 0
      Ingo Siemon
  3. 2
    Gunnar Bittersmann
    1. 0
      Ingo Siemon
      1. 0
        Struppi
        1. 0
          Ingo Siemon
          1. 0
            Struppi
          2. 0
            Der Martin
            1. 0
              Ingo Siemon
              1. 0
                Der Martin
                1. 0
                  Ingo Siemon
                  1. 0
                    Struppi
                    1. 0
                      Ingo Siemon
                  2. 0
                    Auge
                    1. 0
                      Ingo Siemon
                      1. 0
                        Jens Holzkämper
                        1. 0
                          Ingo Siemon
                          1. 0
                            Jens Holzkämper
                            1. 0
                              Ingo Siemon
  4. 0
    Cheatah
    1. 0
      MudGuard
      1. 0
        Cheatah
    2. 0
      Ingo Siemon
      1. 0
        Cheatah
        1. 0
          Ingo Siemon
          1. 0
            Jens Holzkämper
            1. 0
              Ingo Siemon
              1. 0
                Gunnar Bittersmann
                1. 0
                  Ingo Siemon
                  1. 0
                    Gunnar Bittersmann
                2. 0
                  Gunnar Bittersmann
              2. 0
                Jens Holzkämper
                1. 0
                  Ingo Siemon
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Ingo Siemon
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Ingo Siemon
                          1. 1
                            Gunnar Bittersmann
                            1. 0
                              Ingo Siemon
                              1. 0
                                Der Martin
                                1. 0
                                  Ingo Siemon
                              2. 0
                                Jens Holzkämper
                                1. 0
                                  Ingo Siemon
                          2. 0
                            Jens Holzkämper
                            1. 0
                              Ingo Siemon
                  2. 0
                    Jens Holzkämper
                    1. 0
                      Ingo Siemon
                      1. 0
                        Der Martin
                        1. 0
                          Ingo Siemon
                          1. 0
                            Der Martin
                            1. 0
                              Ingo Siemon
                              1. 0
                                Detlef G.
                                1. 0
                                  Ingo Siemon
                2. 0
                  Ingo Siemon
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Jens Holzkämper
                      1. 0
                        Ingo Siemon
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Ingo Siemon
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Ingo Siemon
                                1. 0
                                  Jens Holzkämper
                                  1. 0
                                    Ingo Siemon
                    2. 0
                      Ingo Siemon
              3. 0
                Jens Holzkämper
                1. 0
                  Ashura
                  1. 0
                    Jens Holzkämper
                    1. 0
                      Ashura
                    2. 0
                      Gunnar Bittersmann
                2. 0
                  Gunnar Bittersmann
                3. 0
                  Gunnar Bittersmann
                4. 0
                  Ingo Siemon
          2. 0
            Gunnar Bittersmann
            1. 0
              Ingo Siemon
              1. 0
                Gunnar Bittersmann