19.11.2014 Views

Support de cours - Lita

Support de cours - Lita

Support de cours - Lita

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

2.2 Les longueurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25<br />

2.3 Les polices <strong>de</strong> caractères . . . . . . . . . . . . . . . . . . . . . . . 26<br />

3 Toujours plus, encore plus . . . . . . . . . . . . . . . . . . . . . . . . . . 27<br />

3.1 Sélecteurs <strong>de</strong> pseudo-classes . . . . . . . . . . . . . . . . . . . . . 27<br />

3.2 Combinaison . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28<br />

4 Css mise en boîte 29<br />

1 Flux normal : en-ligne ou bloc . . . . . . . . . . . . . . . . . . . . . . . . 29<br />

2 Modèle <strong>de</strong> boîte (box mo<strong>de</strong>l) . . . . . . . . . . . . . . . . . . . . . . . . . 30<br />

2.1 Application : centrage horizontal . . . . . . . . . . . . . . . . . . 31<br />

3 Les types <strong>de</strong> positionnement . . . . . . . . . . . . . . . . . . . . . . . . . 31<br />

4 Éléments génériques div et span . . . . . . . . . . . . . . . . . . . . . . . 36<br />

5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37<br />

5 Bonus 38<br />

1 Lettrine . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38<br />

2 Notes <strong>de</strong> marge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38<br />

3 Mise en page complète . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40<br />

2

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!