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.
Catégorie : Codes Web
Retrouvez ici un ensemble d’articles traitants des différentes notions abordées en cours pour la réalisation de sites web. Les outils, les techniques, les syntaxes, le vocabulaires… tout ce que vous avez toujours voulu savoir sur le code sans jamais avoir osé le demander.
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.
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 !
Bien organiser son site web
Le bon fonctionnement d’un site web repose non seulement sur la qualité de rédaction de ses codes informatiques, mais aussi sur la bonne organisation des dossiers et documents qui le composent.
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.
Les attributs HTML
Les attributs vont venir compléter les éléments en les précisant ou en apportant des informations supplémentaires sur leur comportement.











