Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 139907 ]
Votre IP fleche [ 38.103.63.16 ]
Vous êtes ici : Home Page Cours CSS Generalites
Imprimer Imprimer le document

Informations Membres

[195] Posts sur le forum
[177] Membres inscrits
Il y a en ligne :
  arrow 0 Membre
  arrow 1 Invité

fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.


Nom de domaine

www.

Partenaires

| Page suivante

Généralités

Feuilles de style en cascade (CSS ou Cascading Style Sheets)

Pour bien suivre les explications faut-il préciser que la connaissance du HTML s'avère très utile pour ne pas dire indispensable, du moins pour les éléments essentiels.

  • La version 1.0 créé et adoptée en 1996 par le W3C.
  • La version 2.0 celle actuellement en vigueur depuis 1998.
  • La version 3.0 à ce jour à l'étude par le W3C.

Principe de base

Lorsque vous travaillez avec le code HTML, vous mettez tranquillement en forme des documents à l'aide de tags que les navigateurs interprètent pour restituer la page origine. Vous pouvez choisir la police, corps gras ou italique ... monter des cadres, des tableaux, des liens hypertexte, positionner des retraits ... et réaliser des sites fort agréables et parfois superbes. On dit que le HTML est un langage de marque logique (vous définissez logiquement le contenu d'une page à l'aide de tags )

Vous connaissez certainement l'inconvénient majeur qui existe suite aux divergences d'interprétation des navigateurs ne restituant pas à l'identique les contenus, sans oublier les "tags propriétaires" qui fonctionnent chez l'un mais pas chez l'autre.
Netscape est très pointilleux alors qu'Internet Explorer est moins sévère.

Le HTML est indispensable mais ses limites peuvent freiner votre esprit de créativité et s'il devenait possible d'ajouter un "zeste" de quelque chose qui faciliterait une avancée, ce serait idéal.

Le CSS vous apporte ce "zeste" en imbriquant son langage complémentaire au HTML de base. Il est officiellement reconnu par le W3C et donc normalisé. Attention toutefois, de même que pour le javascript, il est possible d'atteindre les mêmes buts par des scripts différents, et pour ma part je vais essayer de ne pas me laisser entraîner hors des sentiers balisés.

De plus savez-vous que le CSS est la voie royale qui mène au langage DHTML (le web en mouvement) ?

Trois façons de définir une feuille de style

  • Définition spécifique (adding in line)

    Une définition peut se faire individuellement pour un mot ou paragraphe de page par exemple.

    <p style="font-size: 16pt;">
    
  • Méthode interne (embedding)

    La syntaxe est incorporée à chaque fichier dans un bloc placé entre les tags <HEAD> et </HEAD>, et qui s'applique à la seule page ainsi marquée.

    <style type="text/css"> ...... </style>
    
  • Méthode externe (Lenking)

    Ici vous utilisez un fichier séparé indépendant qui porte l'extension .css et contient tous les codes du CSS utilisés dans toutes les pages ou entre les tags <HEAD> et </HEAD> vous avez placé une simple ligne (toujours la même) qui servira d'appel (de trait-d'union) vers ce fichier .css.

| Page suivante
Haut de page