J'ai réaliser cette page HTML de référence, avec ses élèments habituels (liens hypertexte, images, acronymes, notes de bas de page, etc) avec quelques attributs typographiques (graisse, italique). Bref, regrouper tout ce qu'on retrouve en général dans une page Internet[1]!
Cette page "référence" me servira de base pour tester divers styles, mises en page, scripts qui peuvent rendre plus belle une page. Pourquoi pas, appliquer la CSS du thème actuel de ce blogue, histoire de garder une trace autre qu'une simple capture écran!
À ce jour, cette page se compose :
Le premier paragraphe explique les raisons et buts de cette page. Le second donne une rapide explication des CSS. Le troisième est, pour l'instant,
en faux texte afin d'y ajouter les tableaux ou autres choses qui n'ont pas trouvé place dans les deux paragraphes précédents. n'existe pas encore!
En m'attachant le plus possible à ne pas modifier cette page HTML, il sera possible de bien comparer et comprendre l'effet de telle propiété des CSS ou comprendre l'intéret d'une mise en page par rapport à une autre suivant l'objectif que je souhaite atteindre visuellement.
navigateurs | parts de marché | liens pour télécharger |
---|---|---|
IE 7 | 47% | Microsoft |
Firefox 3 | 18% | Mozilla europe |
Safari 3 | 4% | apple.com |
autres | 31% | / |
Il y a beaucoup de navigateurs et donc plusieurs façons d'interpréter les CSS. Le plus utilisé n'est pas le plus respectueux. Heureusement, les navigateurs qui font des efforts dans ce sens montent en puissance.
Les feuilles de style sont apparues en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée CSS.
Le principe des feuilles de style consiste à regrouper dans un même document des caractéristiques de mise en forme associées à des groupes d'éléments. Il suffit de définir par un nom un ensemble de définitions et de caractéristiques de mise en forme, et de l'appeler pour l'appliquer à un texte.
Les feuilles de style ont été mises au point afin de compenser les manques du langage HTML en ce qui concerne la mise en page et la présentation.
En effet, le HTML offre un certain nombre de balises permettant de mettre en page et de définir le style d'un texte,
toutefois chaque élément possède son propre style, indépendamment des éléments qui l'entourent.
Grâce aux feuilles de style, lorsque la charte graphique d'un site composé de plusieurs centaines de pages web doit être changée,
il suffit de modifier la définition des feuilles de style en un seul endroit pour changer l'apparence du site tout entier !
On obtient une présentation homogène sur tout un site en faisant appel sur toutes les pages à une même définition de style.