.css — Feuille de Style en Cascade
World Wide Web Consortium (W3C) · 1996
Qu'est-ce qu'un fichier .css ?
Un fichier CSS (Cascading Style Sheet) contient des règles de style que les navigateurs web utilisent pour rendre le contenu des documents HTML ou XML. Il dicte la présentation visuelle des pages web, y compris des aspects tels que les polices, les couleurs, l'espacement et la mise en page. En séparant la présentation du contenu, le CSS permet un style cohérent sur plusieurs pages et une maintenance plus facile de la conception du site web.
Programmes qui ouvrent les fichiers .css
| Plateforme | Programme | ||
|---|---|---|---|
| Windows | Visual Studio Code | Gratuit | |
| Notepad++ | Gratuit | ||
| Sublime Text | Payant | ||
| Adobe Dreamweaver | Payant | ||
| macOS | Visual Studio Code | Gratuit | |
| Sublime Text | Payant | ||
| BBEdit | Payant | ||
| TextEdit | Gratuit | Officiel |
Problèmes courants avec les fichiers .css
Questions fréquemment posées
L'objectif principal du CSS est de définir la présentation visuelle et la mise en page des pages web. Il contrôle la manière dont les éléments HTML sont affichés à l'écran, sur papier ou sur d'autres supports, rendant les sites web visuellement attrayants et conviviaux.
Bien que le CSS soit conçu pour styliser les langages de balisage, principalement HTML et XML, il ne peut exister indépendamment pour rendre du contenu. Il a besoin d'un document structuré (comme HTML) pour appliquer ses styles aux éléments de ce document.
Les frameworks CSS sont des bibliothèques CSS pré-écrites qui fournissent une base pour un développement web plus rapide et plus cohérent. Ils incluent souvent des composants prêts à l'emploi, des grilles et des utilitaires, tels que Bootstrap, Tailwind CSS ou Bulma.
Détails techniques
Les fichiers CSS sont des fichiers texte brut composés d'une série de règles, chacune contenant un sélecteur et un bloc de déclaration. Bien qu'il n'y ait pas de 'bytes magiques' spécifiques au début, les fichiers CSS commencent souvent par une règle `@charset` optionnelle ou directement par des règles de style, telles que `body { ... }`. Les navigateurs analysent ces règles pour appliquer les styles aux éléments correspondants.