Les feuilles de style

Thèmes abordés

html, css

Résumé du document

Le concept des feuilles de style n'est pas à proprement parler une nouveauté dans le domaine de la publication
Html. Introduit en 1997 par Microsoft avec son Internet Explorer 3.0 (mais elles existaient déjà avec Arena
sous Unix), ces feuilles de style n'ont connu qu'un intérêt limité du fait que celles-ci n'étaient pas reconnues par
Netscape Navigator 3.0.
Depuis les choses ont bien changé. D'abord les browsers 4.0 de Microsoft et de Netscape reconnaissent tous
deux les feuilles de style et surtout, la norme Html 4.0 en a repris le concept (CSS version 1) et le recommande
d'ailleurs vivement aux "Web designers".

Extraits

[...] Chapitre 7 : Positionner avec CSS Quel concepteur de pages Web n'a pas laissé échapper quelques jurons bien sentis en essayant, à grand renfort de tableaux, de placer précisément du texte ou une image là où il le désirait ? Le miracle est arrivé ! Outre le balise (mais qui n'est comprise que par Netscape 4.0 il est désormais possible de positionner, au pixel près, du texte ou une image avec les feuilles de style. Notons que ce positionnement n'est possible que sous les versions 4 de Netscape et d'Explorer. Et que cette technique est encore un peu hasardeuse à ce jour, surtout sur le plan de la compatibilité avec les deux browsers susnommés. [...]

[...] Allez dans le menu Format de Word, vous y trouvez Style ! Il ne restait plus qu'à coupler le concept au langage Html par des propriétés spécifiques. Titre1 - A - . a . Titre2 - . b . STYLE des titres STYLE des sous-titres STYLE du texte STYLE des titres STYLE des sous-titres STYLE du texte Vous remarquez que l'on parle de feuilles de style [ style sheets ] car le but du jeu est d'en définir plusieurs. On parle aussi de feuilles de style en cascade [ Cascading Style Sheets ou CSS ] car en cas de styles identiques, un ordre de priorité sera déterminé par le browser (voir FAQ). [...]

[...] Comme balises souvent utilisées avec des feuilles de style, on peut citer les en-têtes Hn, BODY . Les propriétés de style sont entourées par des et pas des [ ou des parenthèses. Le couple "propriété de style/valeur" est séparé par un double-point Chaque couple "propriété de style/valeur" est séparé par un point-virgule Il n'y a pas de limite pour le nombre de couples "propriétés de style/valeur". L'espace entre propriétés de style et valeur n'est pas obligatoire mais aide fortement à la lisibilité du code source. [...]

[...] Cohésion de la présentation tout au long du site avec les feuilles de style externes. Modifier l'aspect d'un page ou d'un site sans en modifier le contenu et cela en quelques lignes plutôt que de devoir changer un grand nombre de balises. Un "langage" neuf, compréhensible, simple et logique par rapport au Html et à ses différentes versions. Une façon d'écriture concise et nette par rapport au Html qui devient vite fouillis. Réduire le temps de chargement des pages. Palier certaines insuffisances du langage Html (contrôle des polices, contrôle de la distance entre les lignes, contrôle des marges et des indentations (sans devoir utiliser de tableaux ou de balise . [...]

[...] Non, les feuilles de style ne sont pas sensibles à la case [case insensitive]. Ecrire CLASS ou class ou Class est donc équivalent. Cependant les éléments qui ne sont pas sous le contrôle des feuilles de style comme les noms 8 de police ou les URLs peuvent être case sensitive. Pour le système d'exploitation (et je pense à Unix), Arial n'est peut-être pas égal à arial, de même IMAGE.gif n'est pas forcément égal à image.gif Quels caractères peut-on utiliser en CSS ? [...]