EXERCICES

EXERCICE 1_2

1)Classons ces sélecteurs par spécificité croissante:
p < .text < p.text < #main < #main .text p

2) A spécificité égale c'est la dernière règle qui gagne.

3)Il faut éviter !important car elle a une spécificité très
importante et gagne toujours et pourtant en bonne pratique
il faut prioriser les spécificité basse et uniforme.

EXERCICE 2

I- 1)Avec box-sizing:content-box la largeur totale visible de .box est:
padding-left+width+ padding-right+border-right+border-left=20+300+20+5+5=350px.
2)Avec box-sizing:border-box la largeur totale est 300PX tout y est inclut le width,border,le padding.
3)Le reset universel du box-sizing est:

 * { 
     box-sizing:border-box;}