Aller au contenu principal

C’est quoi CSS ? On le retrouve où ?

« CSS, c’est le langage permettant de styliser une page web »

Fiche signalétique

Logo
Un bouclier bleu profond avec le chiffre 3 dépeint en blanc dessus. Au dessus, les trois lettres "CSS" en noir.
AcronymeCascading Style Sheets (CSS)
UtilitéMaximale, permet de styliser toutes les pages de tous les sites web du monde
Où peut-on en voirSur n’importe quelle page web, faire le raccourci « Ctrl+U » puis chercher la balise <style> ou les liens vers des fichiers .css
Langage algorithmiqueNon
Langage Orienté ObjetPas du tout
Difficulté ressentieTrès simple (le langage vu par les étudiants en informatique après HTML)

Exemple CSS

                    
                        html,
                        body {
                            height: 100%;
                        }

                        body {
                            margin: 0;
                            padding: 0;
                            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                            display: grid;
                            grid-template-rows: auto 1fr auto;
                            height: 100%;
                        }

Ce que les gens ratent souvent avec CSS

  • La difficulté : en réalité, c’est difficile de faire une belle mise en page
  • Le responsive : rendre un site adaptatif quel que soit l’écran et le navigateur n’est vraiment pas toujours simple, selon la complexité du site
  • La compatibilité inter-navigateur : oui, les navigateurs réagissent différemment pour une même page

Exceptions

  • CSS est également utilisé pour faire le style des fenêtres avec Electron (NodeJS)
  • CSS est également (rarement) utilisé pour styliser du XML, pour afficher directement et de manière agréable ce langage de structure

Navigation rapide