CSS CSS

CSS est le langage qui décide de l'apparence d'une page web, et comme il vit dans son propre fichier, un seul changement suffit à retoucher tout le site.

Également appelé feuilles de style en cascade feuille de style mise en forme web

Définition

CSS est le langage qui décide de l'apparence d'une page web, des couleurs et des polices jusqu'aux espaces et à la largeur d'une colonne. C'est lui aussi qui décide de ce qui bouge au passage de la souris, tandis que les mots et les images viennent du HTML. CSS est la couche posée sur ce texte brut pour qu'une page ressemble à votre entreprise plutôt qu'à un document ordinaire.

L'idée derrière tout cela est simple, et c'est même la raison d'être du CSS. Le style vit dans son propre fichier, séparé du texte, si bien qu'une seule ligne y fixe la couleur de tous les boutons de toutes les pages. Vous la changez une fois et le site entier change avec elle.

Voilà pour la théorie, car en pratique cela devient la question à poser à un prestataire avant d'acheter quoi que ce soit. Si nous changeons la couleur de notre marque l'an prochain, combien d'endroits faut-il modifier ? Sur un site construit avec soin la réponse est un seul, parce que la couleur est écrite une fois et que chaque bouton y renvoie. Sur un site assemblé à la hâte, la même couleur est écrite à quatre cents endroits, et le changement d'identité devient donc un petit projet. Les deux sites se ressemblent le jour du lancement, et c'est pourquoi la différence n'apparaît que plus tard, quand vous demandez enfin ce changement.

CSS est aussi ce qui permet à un même site de tenir sur un téléphone, une tablette et un grand écran, puisque la page se réorganise selon la place qu'on lui donne. Un site mobile séparé est donc une façon de travailler dépassée, qui double tout ce qu'il faudra ensuite tenir à jour. La même couche gère l'arabe, car une feuille de style bien faite retourne toute la page de droite à gauche sans qu'un second site soit construit. C'est ainsi que Linkysoft livre ses sites bilingues.

Il est facile de sous-estimer le CSS parce que cela ressemble à de la décoration, et ce n'en est pas. Il décide si un texte reste lisible sur un téléphone en plein soleil, si un bouton est assez grand pour un pouce, et en combien de temps la page s'affiche. C'est pourquoi une feuille de style lourde, pleine de règles que plus personne n'utilise, ralentit toutes les pages du site. Alors quand Linkysoft reprend une création de site web, nous supprimons en général plus de règles que nous n'en écrivons. La même discipline vaut dans une application web, où des centaines d'écrans d'administration devraient partager un seul jeu de styles au lieu d'en porter chacun le sien. Les mots affichés sur ces écrans viennent toujours du HTML.

Questions sur CSS

Quelle est la différence entre le HTML et le CSS ?
Le HTML met le contenu sur la page. Le CSS décide de son apparence. Une page peut être entièrement restylée sans changer un mot du texte.
Ai-je besoin de CSS pour un site adapté au mobile ?
Oui. L'adaptation à un écran de téléphone se fait par des règles CSS qui modifient la mise en page selon la largeur. C'est la même page, pas un second site.
Puis-je changer moi-même les couleurs de mon site ?
Souvent oui, si le système garde les couleurs de la marque dans ses réglages. Sinon, demandez combien de fichiers un changement de couleur touche avant d'accepter un prix.
Le CSS peut-il ralentir un site web ?
Oui. Chaque feuille de style doit arriver avant que la page puisse être dessinée. Des règles inutilisées héritées d'un ancien thème expliquent souvent la lenteur sur téléphone.

Vous ne voyez toujours pas comment cela s'applique à votre projet ?

Dites-nous ce que vous construisez et nous vous répondrons simplement.