Les modèles boîtes avec hauteurs et largeurs en CSS

Quand on parle de boîte en CSS, en fait en HTML chaque élément est en réalité une boîte, le plus souvent nous allons utilisés les <div> <span> comme boîte.

Voici quelques exemples pour donner une largeur et hauteur à des boîtes CSS

Exemple 1 : donner une largeur à une boite <div>

CSS :

div {
	width:70%;
}

Exemple 2 : donner une hauteur à toutes les boites de type <div>

CSS :

div {
	height:50%;
}

Exemple 3 : donner une hauteur et une largeur et lui attributer une couleur rouge à une boite de type classe

CSS :

.boite_rouge{
           height:90%;
           width:40%;
          background-color:red;
}

HTML :

<div class="boite_rouge"></div>