Qu'est-ce que le format de fichier CSS ?
Les fichiers .css sont utilisés pour formater le contenu et décrire la présentation d'un site web.
Les fichiers avec l'extension .css contiennent des règles qui définissent comment les éléments .html doivent être affichés sur une page donnée. Ces règles couvrent des domaines tels que :
- les paramètres de police (famille, taille, couleur et style),
- l'interlignage et l'indentation,
- les règles de mise en page pour les éléments intégrés et positionnés,
- les références de ressources, les animations et les points de rupture réactifs via les requêtes
@media.
Le CSS - Cascading Style Sheets - est le langage de feuille de style utilisé pour créer des fichiers .css. Il a été conçu pour permettre la séparation du contenu du site web de sa présentation, ce qui facilite grandement la modification de l'apparence d'un site sans affecter le contenu. Les fichiers .css permettent également aux pages d'être rendues différemment selon l'appareil utilisé pour y accéder - qu'il s'agisse d'un appareil mobile, d'un ordinateur de bureau ou d'une tablette - pour une bien meilleure expérience utilisateur. La partie « en cascade » signifie que plusieurs règles peuvent cibler le même élément simultanément, la spécificité et l'ordre des sources déterminant laquelle l'emporte.
Le CSS n'est pas un format à version unique : depuis le CSS3, il s'est développé sous forme de modules indépendants (Sélecteurs, Flexbox, Grid, Couleur, Animations et autres), chacun progressant à son propre rythme. Les préprocesseurs tels que .scss et .less étendent la syntaxe d'écriture du CSS mais compilent toujours vers du .css brut que les navigateurs consomment directement.
Les fichiers .css stockent les données au format texte brut et peuvent donc être modifiés à l'aide de n'importe quel éditeur de texte. Il est toutefois recommandé de modifier les fichiers .css à l'aide d'outils dédiés pour éviter les erreurs potentielles - ces outils mettent automatiquement en évidence les mots-clés, corrigent les erreurs de syntaxe et proposent des fonctions d'autocomplétion. Un fichier .css ne porte aucune signature binaire ; il peut éventuellement commencer par une déclaration @charset, une règle @import ou un /* commentaire */.
Sécurité et sûreté
RISQUE : LOWLe CSS est du texte brut et n'exécute pas de code, donc un fichier .css présente un faible risque à l'ouverture. Cas particuliers : historiquement, le CSS pouvait charger des ressources distantes (polices/images) et les anciens navigateurs avaient des particularités CSS expression()/behavior (obsolètes depuis longtemps) ; le CSS moderne ne peut pas exécuter de scripts. La véritable prudence consiste à ne pas télécharger de logiciels « éditeur/visionneuse CSS gratuits » à partir de portails publicitaires qui regroupent des programmes potentiellement indésirables - utilisez les éditeurs réputés listés ci-dessus.
Détails du format
en brefProgrammes qui ouvrent les fichiers CSS
Windows4 apps
Sublime Text
Payant Ouvrez pour modifier ; gratuit pour évaluation, licence requise pour une utilisation continue. 
Visual Studio Code
Gratuit Ouvrez le .css pour le modifier avec la coloration syntaxique, IntelliSense et des extensions de prévisualisation en direct. 
Web browser (Chrome/Firefox/Edge)
Gratuit Les navigateurs appliquent le CSS automatiquement lors du chargement d'une page ; utilisez les DevTools (F12) pour inspecter/modifier les styles en direct. 
macOS2 apps
TextEdit
Intégré Ouvrez en mode texte brut pour lire/modifier ; désactivez d'abord le texte enrichi.
Visual Studio Code
Gratuit Ouvrez le .css pour le modifier avec la coloration syntaxique, IntelliSense et des extensions de prévisualisation en direct. 
Linux1 app
VS Code / gedit / GNU Emacs
Gratuit Ouvrez le .css dans n'importe quel éditeur de texte ou de code pour le visualiser ou le modifier.
CodePen / JSFiddle
Gratuit Collez le CSS dans un bac à sable en ligne pour le modifier et le prévisualiser en direct par rapport au HTML. Détails techniques
spécifications approfondies| Type MIME | text/css |
| Encodage du fichier | Texte brut, UTF-8 par défaut ; le jeu de caractères peut être explicitement déclaré avec une règle `@charset` tout en haut du fichier |
| Signature binaire | Aucune - les fichiers `.css` n'ont pas d'octets magiques ; l'identification repose sur l'extension du fichier ou le type MIME |
| Taille de fichier typique | 1 Ko à 500 Ko ; les bundles de frameworks tiers minifiés (Bootstrap, Tailwind) peuvent atteindre la limite supérieure |
| Structure de base | Ensembles de règles : un sélecteur ou une liste de sélecteurs suivis d'un bloc de déclaration de paires `propriété: valeur` entre accolades |
| Règles-at | `@media` (points de rupture réactifs), `@import`, `@font-face`, `@keyframes`, `@supports` et `@layer` contrôlent le chargement conditionnel, les polices personnalisées, les animations et la détection de fonctionnalités |
| Algorithme de cascade | Les règles conflictuelles sont résolues par la spécificité, l'origine de la cascade (auteur / utilisateur / navigateur) et l'ordre des sources ; les valeurs se propagent aux éléments enfants via l'héritage |
| Modèle de versionnage | Modulaire depuis CSS3 ; les modules individuels tels que les Sélecteurs, Flexbox, Grid et Couleur progressent chacun indépendamment à travers les étapes de « Candidate Recommendation » du W3C |
| Propriétés personnalisées | Variables CSS natives déclarées comme `--nom: valeur` et consommées via `var(--nom)`, permettant des jetons de conception réutilisables sans préprocesseur |
| Interopérabilité des préprocesseurs | Les fichiers `.scss`, `.sass` et `.less` compilent en `.css` brut ; PostCSS transforme la source `.css` au moment de la construction ; les navigateurs ne consomment que le `.css` final |
| Compression de transfert | Couramment servi compressé avec gzip ou Brotli via HTTP pour économiser de la bande passante ; le fichier est du texte brut non compressé sur le disque |
| Intégrité des sous-ressources | Un hachage SHA-256/384/512 peut être placé dans l'attribut HTML `<link integrity="…">` pour vérifier le fichier récupéré ; aucun hachage n'est stocké à l'intérieur du fichier `.css` lui-même |
| Préfixes constructeurs | Les préfixes `-webkit-`, `-moz-` et `-ms-` protégeaient historiquement les propriétés expérimentales ; la plupart sont désormais obsolètes car les propriétés sous-jacentes ont été standardisées |
| Modèle d'objet de navigateur | Analysé par le moteur du navigateur dans le CSSOM (CSS Object Model), qui est combiné avec l'arbre DOM pour calculer les styles finaux et dessiner la page |
| Mainteneur du standard | W3C CSS Working Group ; les spécifications sont publiées sous forme de documents de modules indépendants, chacun avec ses propres brouillons d'éditeur et recommandations candidates |
| Publié | CSS Level 1, December 1996 (W3C Recommendation) |
| Dernière version | CSS is now modular (CSS3+); modules like Selectors, Flexbox, Grid, Color advance independently |
| Standard ouvert | Oui · libre de droits |
| Spécification | www.w3.org |
Conversions CSS
Q&R de la communauté
posées par les utilisateursPas encore de questions - soyez le premier à poser une question sur les fichiers CSS.
