05 - Intégration HTML5/CSS3

Découpage exercice1 exercice2 exercice3

• zones générales ( header, footer, main, nav )
• layout ( #main ou .container )
• agencement ( colonnes, lignes, centrage)
• contenu ( hiérarchie, liste, table, ... )

Optimisation

• image et background: fond transparent, couleurs de fallback
• dégradé : 1px de large ou linear-gradient( [ [ <angle> | to <side-or-corner> ,]? <color-stop> [, <color-stop>]+ )
• font personnalisée @font-face : https://developer.mozilla.org/fr/docs/Web/CSS/@font-face ( plusieurs formats à fournir )
• font google : [https://www.google.com/fonts Roboto](https://www.google.com/fonts Roboto)

Vérification

• HTML -> https://validator.w3.org
• CSS -> http://jigsaw.w3.org/css-validator/