Du style et de la classe
Les feuilles de style CSS (Cascading Style Sheet) permettent de mettre en forme les paragraphes, les titres, les sous-titres... Mais aussi de définir les fonds, les bords, les liens, les menus... Et surtout de configurer l'ensemble de la mise en page. Autant dire de paramétrer tout le site !
Elles sont le complément indispensable du code html.
Les feuilles de style appliquées à une page html sont similaires dans leur principe à celles appliquées à une page en traitement de texte, MSWord par exemple.
Ses avantages sont considérables :
- Chaque élément est défini une seule fois et sert pour toutes les pages
- Les pages s'en trouvent fortement allégées et s'ouvrent vite
- L'homogénéïté de
la mise en forme est assurée
- Les modifications apportées aux styles se répercutent instantanément à l'ensemble du site
- Cette facilité de modifier le projet permet d'aller plus loin dans la recherche conceptuelle
- A l'avenir seule cette technique sera le standard et fonctionnera avec les prochaines générations de navigateurs.
- Il est possible de créer une feuille de style différente pour l'impression
Pour faire bonne impression
Combien de fois pensiez-vous imprimer une page intéressante, et voilà que votre machine débite des feuilles à n'en plus finir, épuise vos cartouches couleur et vous reproduit quantité d'informations dont vous n'avez que faire ?
Définir une feuille de style spécifique pour l'impression résout ce problème. Il s'agit de formater différemment le contenu - celui-là même qui est présenté à l'écran, pas question de recréer de nouvelles pages ! En supprimant les éléments indispensables à l'écran mais superflus à l'impression, comme la navigation, les fonds, etc... Et en proposant une mise en page, une typographie destinées au support papier.
Pour voir ce que cela donne, imprimez cette page (Ctrl + p) ou, pour économiser le papier, prévisualisez l'impression ( Fichier > Aperçu avant impression... ).
En voici un autre exemple où la "check-list du matériel" est incluse à l'impression mais pas à l'écran.
Offrez donc cette fonctionnalité à vos visiteurs, ils vous en seront reconnaissants.