Id og classes

Udover at bestemme en styling for de enkelte html tags kan man tilføje classes og id.

En id selector

En id selector bruges som navnet antyder til at style et enkelt unikt element.I stylesheetet skrives # og det navn man ønsker på sin id – og navnet må ikke starte med et tal:

#navn {
       width:200px;
       height:200px;
       background-color:green;
      }
 
<div id="navn"></div>

En class selector

Classes kan bruges til grupper af elementer bruge fx have en bestemt styling på en overskrift eller anden tekst: 

.farve {
       color:red;
      }

I html anvender vi classen således:

 
<h1 class="farve">Tekst bliver rød</h1>

man kan føje flere classes til det samme html tag

.farve {
       background-color:red;
      }
.box {
      width:200px;
      height:200px;
     }

I html filen:

 
<div class="farve box">En rød kasse 200x200px</div>

Leave a Reply