Cours 7 : Médias & CSS
Intro au flux Rss
Ajouter une police google
Choisissez d’abord votre police ici
Changer de police standard
Pour changer de police d’écriture sur votre project en utilisant les polices standard présentes sur tous les navigateurs je vous renvois vers le tutoriel Mozilla sur le sujet: https://developer.mozilla.org/fr/docs/Learn/CSS/Styling_text/Web_fonts
Ci dessous, quelques examples d’application:
Les formes géométriques en css
Créer des formes géométriques en css n’est pas si compliqué! Pour vous aidez, voici une liste d’examples de formes de base et leur code: https://www.lucaswillems.com/fr/articles/14/des-formes-geometriques-en-css
Utilisez-les en partant des examples et en les modifiants en fonction de vos besoins.
Styles de survol & Transforms
Survol
Transforms
Les deux ensemble
Rendre les images flexible
Si votre image est plus grande que la taille actuelle de la fenêtre, elle dépassera et votre page montrera des scrollbars horizontale.
Pour palier à ce problème nous pouvons utiliser une propriété css que vous connaissez: max-width.
Si la page est plus grande que la taille originale de l’image, l’image gardera sa taille originale.
Si la page est plus petite que la taille originale, elle prendra la largeur de la page.