La propriété position est une propriété CSS très puissante qui va nous permettre de définir un type de positionnement pour nos éléments.
Étiquette : CSS
Comprendre le poids des sélecteurs CSS
Parfois, votre CSS ne semble pas avoir d’effet. Vous ajoutez une classe à un élément pour le rendre rouge, et celui-ci reste désespérément bleu. Mais pourquoi ?
Les unités de mesure CSS
CSS offre différentes unités pour exprimer les dimensions. Certaines proviennent de la typographie, comme le cadratin (em), d’autres sont connues pour leur usage dans notre quotidien numérique, comme le pixel (px). Il existe également des unités « magiques » relatives à la taille de la fenêtre du navigateur.
GoogleFonts est un service d’hébergement gratuit de polices d’écritures pour le Web, démarré en 2010. Ces polices sont sous licences libres et peuvent aisément être intégrées à vos pages web.
Initiation au modèle des boites flexibles
Le “flexbox” est un modèle de disposition très puissant qui va nous permettre de contrôler facilement et avec précision l’alignement, la direction, l’ordre et la taille de nos éléments.
La grille de mise en page
Si les systèmes de grille ont eu un usage important dans les médias imprimés, les développeurs web s’y sont également intéressés. Un certain nombre de systèmes de grilles permet de concevoir des mises en page logiques, fluides et équilibrés pour faciliter l’adaptation des compositions aux différents paramètres de l’utilisateur.
Composer une page HTML/CSS
Passons à la pratique des quelques connaissances récemment acquises, en passant par l’exemple d’une page structurée en HTML et « designée » à l’aide d’une feuille de style CSS.
Coder en CSS
Créé par la W3C dans les années 1990, le CSS (Cascading Style Sheets : feuilles de style en cascade) est un langage informatique simple qui permet la mise en forme d’une page web en s’appuyant sur les balises la composant. L’enjeu autour du binôme HTML/CSS est de permettre une dissociation entre le fond et la forme. Le fond reste, la forme évolue.
La feuille de style CSS
Une feuille de style CSS est un complément indispensable à un fichier HTML pour aboutir à la conception d’une page web.
Interprétée par le navigateur, elle permet la transformation du contenu brut du fichier HTML en page agréable à regarder ou à imprimer.
La magie des variables CSS
Oui, vous avez bien lu, la technologie CSS permet l’utilisation de variables sans passé par un préprocessur de type SASS ou LESS !
Mémo des propriétés CSS
Il arrive d’avoir quelques petits trous de mémoire. Pour éviter de perdre trop de temps, voici une non exhaustive des propriétés CSS les plus utilisées.










