Mit CSS Gestalten Home

CSS - TAG, ID, Klassen - Selektoren

Der Grundaufbau einer CSS-Angabe


        selector {
            eigenschaft:wert;
            }
        

Der TAG-Selector

Jeder TAG-name kann als selector für eine CSS-Definition verwendet werden. Alle HTML-TAGs bekommen die CSS-eigenschaften zugewiesen:

            h1 {
               font-size: 20px;
               }
           

nur TAG

der ID-Selektor

Jedem HTML-Tag kann eine id mittels eines Attributes zugewiesen werden.

            <div id="nav">
        
Das DIV-Element bekommt die ID "nav" zugewiesen. Ein ID-name kann nur einmal pro HTML-Dokument vergeben werden. in CSS werden ID's mit # angesprochen
            #nav {
            background-color: red;
            }
        
ID-namen können auch bezogen auf bestimmte HTML-Tags verwendet werden
            div#nav{
                    color: yellow;            
            }
        

Der Klassenselektor

Neben einer ID kann eienem HTML-tag eine oder mehrerer klassen zugewiesen werden. Klassennamen können, im gegensatz zu ID's, problemlos für mehrere HTML-Elemente vergeben werden.

   <a class="extern">Google<>

   <a class="extern adult">FKK2000<a>
   <p class="adult">FKK2000<p>
  

Klasse: Rot/bold
Diese Seite ist 2701 Bytes groß.