Contenu | Menu | Rechercher :
Le réseau des étudiants | Contact
Vous êtes ici : Le réseau social des étudiants ==> CSS : Cascading Style Sheet (feuilles de style en cascade)

CSS : Cascading Style Sheet (feuilles de style en cascade)

Voici un chapitre très original et vachement prometteur CSS Un chapitre qui va bouleverser toute votre vie CSS Je suis certain que vous avez commencé à en avoir assez avec le langage XHTML CSS C'est pour cette raison que j'ai décidé d'entamer une nouvelle partie à savoir les CSS.

Introduction aux feuilles de styles (CSS : Cascading Style Sheet)

Vous vous souvenez des CSS (Cascading Style Sheet) dont je vous ai parlées dans les chapitres précédents, l'heure est venue de les passer à la loupe.

En français CSS veut dire feuilles de style en cascade : on les appelle ainsi car on place le plus souvent les styles CSS dans une feuille externe au document XHTML. L'expression "en cascade" signifie que lorsqu'une balise à reçu divers styles dans des contextes différents (dans une feuille de style externe, dans l'en-tête du document ou directement avec l'attribut style) le navigateur va appliquer un ordre de priorité pour ne garder en définitive qu'un seul style. C'est ce qui matérialise la notion de cascade des styles CSS ou ordre de priorité.

La syntaxe et le développement des deux langages XHTML et CSS sont entreprises par le W3C (world wide web consortium). Le W3C est un consortium crée en octobre 1994 qui a pour but d'assurer la standardisation des technologies du world wide web telles que HTML, XHTML, XML, CSS etc. Le W3C n'émet pas des normes au sens strict du terme, mais des recommandations qui peuvent être respectées ou non. En d'autres termes il s'agit d'un standard librement utilisé.

A l'instar du HTML qui a passé par plusieurs versions avant de devenir XHTML (HTML 1.0, HTML 2.0, HTML 3.0, HTML 4.0). Les CSS ont vu le jour en 1996 avec la version CSS 1.0, puis en 1998, la version CSS 2.0 a reçut le statut de recommandation, et plus récemment le W3C a donné naissance à une version CSS3.

Le W3C a prévu un langage de style pour chaque langage de balisage :

Au même titre qu'un document XHTML. Une feuille de style est aussi rédigée avec un éditeur de texte, et lorsqu'on dit éditeur de texte on fait allusion à un éditeur ASCII comme le fameux bloc-notes (ou équivalent dans les autres plateformes comme simpletext sur Macintosh), et non pas au Microsoft Word ou tout autre logiciel de traitement de texte.

Cette feuille qu'on va rédiger va comporter l'apparence et le design de notre site et pour s'en servir on va insérer la balise link dans l'entête de notre fichier XHTML c'est à dire entre le couple : <head> </head>. Cette balise va indiquer au navigateur où aller chercher cette feuille de styles. Lorsqu'on crée notre code CSS dans l'éditeur bloc-notes, Notepad++ ou carrément Dreamweaver ou FrontPage, on va attribuer à notre fichier l'extension (.css) pour que Windows et les navigateurs puissent l'identifier.

Les avantages des CSS

Ok c'est chouette la petite introduction aux CSS, mais comment faire pour exploiter une feuille de style avec un document XHTML css Très bonne question. C'est justement ce à quoi le prochain chapitre est consacré (intégrer des styles CSS dans un document XHTML).

Cacher ce panneau   Accéder à la version étendue du chat

Cacher ce panneau