» G1Script.Com » Les Langages » Le CSS » Les feuilles de style


Les feuilles de styles (en anglais CSS : Cascading Style Sheet) permettent de définir la representation graphique d'un élément HTML. Vous controlez ainsi la representation de votre document dans le navigateur de vos visiteurs (mais aussi la façon dont le document sera imprimé...)

  •  » CSS » Introduction aux feuilles de style

    Les feuilles de styles (en anglais CSS : Cascading Style Sheet) permettent de définir la representation graphique d'un élément HTML. Vous controlez ainsi la representation de votre document dans le navigateur de vos visiteurs (mais aussi la façon dont le document sera imprimé...)

    Cette technologie est définie dans une norme élaborée par le W3C (World Wide Web Consortium). Il en existe plusieurs version CSS1 pour la version 1, CSS2 (version 2) ...

    Un petit exemple pour mieux comprendre :

    la méthode classique pour écrire en bleu est la suivante :
    <div color="blue">ceci est bleu</div>
    
    ce qui donne :
    ceci est bleu
    A present avec l'aide d'une feuille de style nous allons force l'ecriture de toutes les sections DIV en bleu. Cela s'écrit de la façon suivante :
    <style>
    div { color: blue; }
    </style>
    <div>ceci est bleu</div>
    
    Le résultat est le même :
    <style> div { color: blue; } </style>
    ceci est bleu
    Petite explication : la section style permet de définir une feuille de styles. On spécifie ensuite le tag html et les attributs que l'on souhaite modifier (ici color). Et voila le tour est joué. C'était votre première feuille de style.
    Liste des sites web pour vous aider dans cette section :

    W3C : le world wide web consortium est l'organisme de normalisation des technologies liées à internet.

  • » Source / Remerciement / Contribution :

    « Nous remercions Salemioche.Net : Comment Créer Votre Site Web Sur Internet, pour sa contribution. »


  • Devenir partenaire | Faire connaître cette page | On travail...
    Liste de diffusion : déjà 10945 Inscrits

    Nos partenaires :
    www.stvalentin.be - La liste est en cours de production -