» 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 » Comment intégrer une feuille de style?

    Dans la section précédente nous avons vu que nous pouvions spécifier une feuille de style à l'aide du tag style, ce qui donne :
    <style>
    div { color: blue; }
    ...
    </style>
    
    cette section se trouve théoriqement dans la section HEAD de votre document HTML, pour mémoire on obtient donc un document de cette forme
    <html>
     <head>
      <title> le titre de ma page </title>
      ...
      <style>
        ...
      </style>
     </head>
     <body>
     ... mon document html ...
     </body>
    </html>
    
    il existe une deuxième méthode, qui consiste à faire un lien vers un fichier qui contient toutes les informations de description de la feuille de style. Cette méthode est préférable car de cette façon le navigateur ne chargera la feuille de styles qu'une fois pour toute pour votre site. La syntaxe est la suivante :
    <link href="style.css" type="text/css" rel="stylesheet" >
    
    ici le fichier utilisé est 'style.css'

    Une dernière méthode consiste à spécifier le style directement comme un attribut du tag :
    <h3 style="color: red;">texte en rouge format h3</h3>
    


  • » 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 -