• Leçons CSS : 31/37

     

    ---------------------------- LECON 32 ------------------------------

     

    les éléments "p" et "span"

    une ligne block d'écriture dans un cadre bleu clair

    une ligne block surlignée en vert

    une ligne block surlignée en orange sur la même ligne,surlignée en jaune

     

    l'élément "overflow"

    une ligne d'écriture assez longue pour dépasser largement le conteneur sans utiliser l'élément "overflow

    un teste court

     

    une ligne d'écriture assez longue pour dépasser largement le conteneur avec l'élément "overflow hidden"

    un teste court

     

    une ligne d'écriture assez longue pour dépasser largement le conteneur avec l'élément "overflow scroll"

    ---------------------------- LECON 33 -------- les marges internes ------------------------------

     

    écriture de trois lignes sur fond vert avec une bordure noire

    une première ligne d ecriture sans marge

    une deuxième ligne d'écriture avec des marges identiques

    une troisième ligne avec des marges différentes

     

    ---------------------------- LECON 34 -------- gestion des bordures ---------------------------

     

    la gestion des bordures

    bordure SOLID

    bordure DOUBLE

    bordure RIDGE

    bordure OUTSET

     

    ------l'opacité des bordures-------

    un texte noir et une bordure noire

    un texte et une bordure noirs opaques

    un texte noir et une bordure noire opaque

    -----EXERCICE-----

    mon tonton et ma tata

    A MOI

    c'est mon tonton et ma tata

    MarcelSimone

     

    -----EXERCICE-2-----

     

     
     

    A REVOIR LIGNE 57

     

    ---------------------------- LECON 35 -------- gestion des marges externes --------------------

     

    une première ligne d'écriture

    une deuxième ligne d'écriture

    ---------------------------- LECON 36 -------- la propriété : " box-sizing" --------------------

    la première ligne sans (box-sizing" déborde de la boite

    la deuxième ligne (avec content-box) déborde de la boite

    la troisième ligne (avec border-box) s'ajuste à la boite

    test d'annulation de la mise en forme de "p"

    A REVOIR

    essai de boite à 500 px avec "div">

    la première ligne à 600px, sans "box-sizing" déborde de la boite

    la deuxieme ligne à à 600px (avec border-box) s'ajuste à la boite

    A REVOIR

    ---------------------------- LECON 37 -------- les bords arrondis --------------------

    une boite sans bord arrondi

    une boite avec les 4 coins arrondis identiques

    une boite avec des coins en ellipse : 20px/40px

    une boite avec des coins en ellipse : 15%/30%


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :