» G1Script.Com » Webmastering » Les Dossiers Webmasters » Les Feuilles de style (CSS)


  • » Les Feuilles de style (CSS)

    Les styles et surtout les feuilles de styles sont des outils puissants et très utiles pour l'auteur de documents HTML.

    Un peu à la manière des traitements de textes, les styles offrent un moyen efficace pour contrôler l'apparence et le rendu des documents une fois consultés par l'utilisateur.

    Le principe de feuilles de style (CSS) est de simplifier la conception d'une page web.

    Exemple : au lieu de définir séparément pour chaque titre <B> qui sera en gras avec le HTML, on ne l'écrit qu'une seule fois dans la feuille de style et le navigateur se chargera de l'appliquer. Il devient ainsi plus facile de donner un aspect uniforme à votre site.



  • » Les Feuilles de style (CSS) » Formatage du texte

    Propriété
    Description
    font Police générale
    font-weight Epaisseur de police
    font-style Style de police
    font-family Famille de police
    font-variant Variante de police
    font-size Taille de police
    word-spacing Espacement des mots
    letter-spacing Espacement des lettres
    line-height Hauteur de lignes
    text-transform Transformation du texte
    text-align Alignement horizontal du texte
  • » Les Feuilles de style (CSS) » Couleurs et arrières-plans

    Propriété
    Description
    color Couleur
    background Arrière-plan
    background-color Couleur de l'arrière-plan
    background-image Image d'arrière-plan
    background-attachment Effet de filigrane
  • Les Feuilles de style (CSS) » Formatage des listes

    Propriété
    Description
    list-style Propriété de la liste (général)
    list-style-position Retrait de liste
    list-style-type Type de liste
    list-style-image Image de liste
  • Les Feuilles de style » Comment utiliser les css ?

    La première solution consiste à placer les codes css dans la partie HEAD du document HTML entre les balises et . La deuxième consiste à les placer dans un autre fichier ayant l'extension .css et de l'appeller depuis la page web en plaçant cette balise dans la partie HEAD du document :

    Exemple de mes codes CSS
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    
    <style type="text/css">
    <!--
    texte2 {
    font-family : Comic Sans MS, Arial, sans-serif; 
    font-size : 8pt; 
    color : #ffffff; 
    } 
    .titres {
    font-family : Comic Sans MS, Arial, sans-serif; 
    font-size : 9pt; 
    font-weight : bold; 
    color : #ffffff; 
    } 
    .titreg {
    font-family : Comic Sans MS, Arial, sans-serif; 
    font-size : 12pt; 
    font-weight : bold; 
    color : #ffffff; 
    } 
    a {
    font-family : Comic Sans MS, Arial, Helvetica, sans-serif; 
    font-size : 8pt; 
    color : teal; 
    text-decoration : none; 
    } 
    -->
    </style>


    Et je fais appel en faisant: --> <td class="texte1">Mon texte blablabalba</td>

    [dossier précédent] - [dossier suivant]


  • » Source / Remerciement / Contribution
    « Nous remercions Undefined, pour sa contribution. »
  •   2999 visualisations. Dernière modification le 01-01-1970 01:00:00
    Devenir partenaire | Faire connaître cette page | On travail...
    Liste de diffusion : déjà 10897 Inscrits

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