Web Designing grunderna (HTML och CSS) (22 / 27 steg)

Steg 22: CSS-ID och klass regler

Vi använder ID och klass selektorer för att få jobbet gjort för oss...

Vi använder dem så här:

HTML-fil

<div id="MYFIRSTDIVID">
<p> This content goes into the box on the right hand side of the page </p>
</div>

CSS-fil

#MYFIRSTDIVID
{
float:right;
height:100px;
width:100px;
border: 2px solid black;
}

Stil div ID som du gör, du < span style = "bakgrunden-cologne: #FFFF00″ > använda tecknet"#"< / span > i CSS-filen...
Att stil div klasser som du gör, du < span style = "bakgrunden-cologne: #FFFF00″ > använda en". " (period) < / span > i CSS-filen

ID: N används när du gör det som en helt annan tagg som i exemplet ovan, men klasser används när du vill stil saker inuti en annan tagg, som

HTML-fil

<p> This <div class="MYFIRSTDIVCLASS"> text </div> is styled by div class...</p>

CSS-fil

.MYFIRSTDIVCLASS
{
font-style:italic;
font-weight:bold;
font-color:yellow;
}

Så används klasser när du har den specifika div klassen i en annan HTML-taggen (exklusive HTML, kroppen och huvudet Taggar)
Fördefinierade element som (h2, p, h1, br, em, i, b etc...) redigeras med hjälp av div class funktionen eftersom de upprepas många gånger i dokumentet, och därför måste vara en klass div...
Div ID används när du ska använda stilar elementet endast en gång i HTML-dokumentet...