Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Importer

Bienvenue sur Scribd !

  • 10 vues

    Font Taille Arrière Plan

    Transféré par

    Miriam Rezgui

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd

    Font Taille Arrière Plan

    Transféré par

    Miriam Rezgui
    10 vues2 pages

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    10 vues2 pages

    Font Taille Arrière Plan

    Transféré par

    Miriam Rezgui

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 2

    HTML 5 & CSS

    TPN°7
    Changer la couleur, la taille et type de police

    {
    color : blue ;

    font-size : 24px ;

    font-family : cambria, serif ;


    }
    Les propriétés background-
    1) Ajouter les lignes ci-dessous dans le fichier style.css :
    body

    background-image : url (image.jpg) ;

    }
    2) Visualiser votre travail, que remarquez-vous ?

    La propriété background-image permet de définir l'image d'arrière-plan à associer à l'élément.

    Syntaxe CSS :

    background-image : url (image) ;

    3) Ajouter la ligne ci-dessous dans le fichier style.css :


    body {
    background-repeat : no-repeat ;

    }
    4) Visualiser votre travail, que remarquez-vous ?

    La propriété background-repeat indique la nécessité ou non de répéter l'image d'arrière -plan

    (spécifiée à l'aide de la propriété background -image) et, le cas échéant, les axes de répétition.

    Syntaxe CSS :

    background-repeat : no-repeat | repeat | repeat-x | repeat-y ;

    5) Ajouter la ligne ci-dessous dans le fichier style.css :


    body {
    background-attachment : fixed ;

    La propriété background-attachment permet, lorsque vous appliquez une image d'arrière -plan

    à un élément (à l'aide de la propriété background -image), de définir si l'image défile par rapport

    au document.

    1
    HTML 5 & CSS

    Si vous spécifiez la valeur fixed, l'image restera fixe dans la zone visible de l'éléme nt; si vous

    spécifiez la valeur scroll, l'image défilera en même temps que le contenu du document.

    Syntaxe CSS :

    background-attachment : fixed | scroll ;

    6) Ajouter la ligne ci-dessous dans le fichier style.css :


    Body{background-position : center ;}

    7) Visualiser votre travail, que remarquez-vous ?

    La propriété background-position permet de définir l'emplacement du bord gauche et du bord supérieur de l'image

    d'arrière-plan spécifiée à l'aide de la propriété background -image.

    Syntaxe CSS :

    background-position : [pourcentage | longueur] | [top | center | bottom] || [left | center | right] ;

    Dans un code CSS, on trouve trois éléments différents :


    ■ Des noms de balises : on écrit les noms des balises dont on veut modifier l'apparence.
    ■ Des propriétés CSS : les effets de style de la page sont rangés dans des propriétés. 11 y a
    par exemple la propriété color qui permet d'indiquer la couleur du texte, font-size qui
    permet d'indiquer la taille du texte, etc.
    ■ Les valeurs : pour chaque propriété CSS, on doit indiquer une valeur. Par exemple, pour la
    propriété color, il faut indiquer le nom de la couleur. Pour font-size, il faut indiquer quelle
    taille on veut, etc
    Schématiquement, une feuille de style CSS ressemble donc à cela :
    Balise{
    ■ propriétél : valeurl;
    ■ propriété2 : valeur2;

    ■ }
    balise2 {
    ■ propriétél : valeurl;

    ■ propriété2 : valeur2;

    ■ propriétés : valeur3;
    ■ }
    ■ balise3 {
    ■ propriétél : valeurl;
    ■ }

    Vous aimerez peut-être aussi