Étape 22: ID CSS et classe les règles
Nous utilisons les sélecteurs ID et CLASS pour faire le travail pour nous...
Nous les utilisons comme ceci :
Fichier HTML
<div id="MYFIRSTDIVID">
<p> This content goes into the box on the right hand side of the page </p>
</div>
Fichier CSS
#MYFIRSTDIVID
{
float:right;
height:100px;
width:100px;
border: 2px solid black;
}
De style div de l’id que vous apportez, vous < span style = "background-color: #FFFF00″ > utiliser le signe « # » < /span > dans le fichier CSS...
Pour les classes de style div que vous apportez, vous < span style = "background-color: #FFFF00″ > utiliser un". " (période) < /span > dans le fichier CSS
Les ID sont utilisés lorsque vous rend comme une tout autre balise comme dans l’exemple ci-dessus, mais les CLASSES sont utilisées lorsque vous voulez des choses de style à l’intérieur d’une autre balise, comme
Fichier HTML
<p> This <div class="MYFIRSTDIVCLASS"> text </div> is styled by div class...</p>
Fichier CSS
.MYFIRSTDIVCLASS
{
font-style:italic;
font-weight:bold;
font-color:yellow;
}
Si les classes sont utilisées lorsque vous avez la classe div spécifiques à l’intérieur d’une autre balise HTML (balises HTML à l’exclusion, corps et tête)
Les éléments prédéfinis tels que (h2, p, h1, br, em, i, b etc...) sont modifiés à l’aide de la fonction de classe de div, parce qu’ils sont répété beaucoup de fois dans le document, et par conséquent elle doit être une classe div....
Div id sont utilisés lorsque vous allez utiliser l’élément de styles qu’une seule fois dans le document HTML...