Ingo Siemon: Erste CSS Versuche

Beitrag lesen

Lieber Martin

<body class="hintergrund-1">

Das body-Element kann nur einmal im Dokument vorkommen. Wozu also eine Klasse? Normalerweise braucht es hier überhaupt kein Selektionskriterium. Aber wenn schon (wenn du dieselbe CSS-Datei für verschiedenartige Seiten verwenden willst), dann ist eine ID angebrachter als eine Klasse.

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;>
Ist es das, was Du meinst?

<h1 id="kasten-1">Neuheiten</h1>

Hier genau umgekehrt. Eine Überschrift erster Ordnung kann mehrmals vorkommen (auch wenn man darüber diskutieren kann, ob das semantisch sinnvoll ist). Also hier eher eine Klasse anstelle einer ID verwenden. Allerdings solltest du dich auch hier fragen: Hast du mehrere h1-Elemente, ide du _unterschiedlich_ gestalten willst? Nein? Dann lass doch sowohl Klasse als auch ID weg und selektiere nur anhand des Elements.

<h2 id="kasten-2">Star Wars : AT-AT (Einzelstück)</h2>

dito.

Manno (Geistesblitz), das ist ja auch logisch.
Also so:
<h1>Neuheiten</h1>

und
h1 {
     background-color : #004559;
     width : 508px;
     padding : 5px;
     margin : 0;
     border : 1px solid #ffffff;
     font-family : Arial, Verdana, Helvetica, sans-serif;
     font-size : 180%;
     color : #fff000;
     font-weight : bold;
}

Ist ja Klasse, wie der Code immer mehr zusammenschmiltz!

<p id="kasten-3">Es handelt sich um den Original Modell-Bausatz der Firma mpc/ERTL aus dem Jahr 1989. Die vorderen Beine und das Kontroll-Modul ("Kopf") sind beweglich. Die Base und der Snow Speeder sind nicht enthalten. -- ACHTUNG: wir haben nur ein einziges Exemplar !</p>

Auch hier frage ich mich, ob eine ID das geeignete Mittel ist.

Meinst Du, hier ist eine Klasse für das <p>-Element wieder sinnvoller?
So richtig habe die Unterschiede bzw. Vor- und Nachteile
von KLassen und IDs nicht nicht begriffen.

Übrigens setzt man vor Ausrufezeichen (Fragezeichen, Punkt, Komma, Semikolon) kein Blank.

Yep, muss ich mir auch noch abgewöhnen.
Obwohl ich ja finde, dass es furchtbar ausschaut, wenn z.B. Fragezeichen und Ausrufezeichen direkt am Wortende "kleben".
Aber da kann man wohl nix machen :)

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