• leçons CSS : 17/30

     

    ---------- LEÇONS CSS ---------

    --------------------------LECON 17 -----------------

    fond du texte jaune

    SELECTEURS ET PROPRIÉTÉS

    le même en gras dans l'éditeur

    LIGNE CRÉE EN CODE HTML 

     

    ---------------------LEÇON 20 -------------------

    SELECTEURS CSS SIMPLES

    METTRE UN TEXTE EN GRAS

    TEXTE EN BLEU

    TEXTE EN ROUGE

    Ceci est un lien fictif

    Cliquer sur ce LIEN FICTIF

    ---------------------LEÇON 21 -------------------

    police de caractère normale

    police de caractère 24

    h3-ecriture en italic-

    texte souligné

    texte en h2, italique et souligné

    définition du style-texte en couleur et souligné

    un texte dans un code "h3"

    un autre texte en code "h1" sans style

    écriture après remise par défaut de l'élément h1

    style> h1{font-size:2em; margin:.67em 0}

    un titre orange en h1

    ---------------------LEÇON 22 -------------------

    texte sans précision de police

    Texte avec une police   "castellar"

    • la première ligne de la liste
    • la deuxième ligne avec un retrait de 50 px

    ---------------------LEÇON 23-les éléments div & span-- -------------------

    ce texte n'est pas centré

    ce texte est centré

    ce texte est en bleu fonce sur fond bleu clair

     

    • ce texte est de couleur blanche,
    •  sur fond blanc, au centre; et a 80% de la largeur de la page

    la marge est réduite à droite

    dernier essai

    Ce texte prend la moitié de la page avec un fond pourpre et une marge a gauche de cent pixels et une marge a droite de trois cents pixels, de plus le texte est centre

     

    une ligne de texte "hors div

    une ligne de texte "sous div" avec texte en rouge

    une derniere ligne "hors div"

                                              l'élément "div" ne fonctionne pas

     

    ---------------------LEÇON 24-les elements block & inline -------------------

     

    appication des blocks

    l'element h3 est un element de type block

    verification de la mise en forme

    INFORMATION : Ce texte est dans un cadre jaune avec les coins arrondis, un bord bleu de 10 px, à 100 pixels des bords droit et gauche

     

    INFORMATION utiliser un div avec un h2

     

    pour verifier la place prise avec span

     

    pour verifier la place prise avec div

     

    avec h2, element "block" et l'élément span

    ---------------------LEÇON 25-Notations "long hand" et "short hand" -------------------

    mise en forme d'une ligne d'écriture

    ---------------------LEÇON 26-la propriété "font family" et les polices de google" -------------------

    une ecriture en indie flower

     

    https://goo.gl/maps/LP3Lipvjpw5ix7st5                    NON

     

     

    style="font-size:16px;width:50%:background- color:lightblue">INFORMATION

    Ecriture de deux lignes avec div 

     

    INFORMATION

     

    deuxieme ligne d ecriture

     

    --------------------------LECON 27-les autres proprietes liees a la police" -------------------

     

    ceci est le titre

    ligne 1

    ligne 2

     

    voici

    une ligne d

    ecriture

     

    voiciune ligne d ecriture

     

    ----------------------- LECON 28-les proprietes liees au texte-------------------

     

    alignement du texte

    Alignement à gauche

    Alignement centré

     

    indentation du texte

    la premiere ligne indentee a 20 pixel

    la deuxieme ligne qui sera assez longue pour avoir un retour a la ligne automatique et qui sera indentee a 20% de la page. Dans le cours les 20% concernet le body mais dans mon exemple il n y a pas de body

     

    ombrage du texte

    un texte avec ombrage H à gauche V en bas et Flou bleu de 1 pixel

    un texte avec un flou rouge de 5 pixels

     

    ----------------------- LECON 29-les interlignes et les espaces-------------------

    une ligne d'écriture ordinaire

    une autre ligne d'écriture ordinaire

    une ligne d'écriture
    avec un interligne de 12 pixels

    une ligne d'écriture
    avec un interligne de 24 pixels

    une ligne d'écriture
    avec un interligne de 32 pixels

     

    un -div- pour colorer le texte en rouge

    une ligne d'écriture avec des espaces normaux
    entre les lettres et les mots

    une ligne d'écriture avec des plus grands espaces entre les lettres

    une ligne d'écriture avec des espaces entre les mots

     

    ----------------------- LECON 30-LES TEXTES EN COULEUR-------------------

    un texte coloré en bleu avec le code - blueviolet -

    un autre texte en couleur orange avec les codes -RGB-

    encore un texte en couleur rouge avec le code-#-

     

    un premier cadre avec un bordure violette

     

     

    une deuxième ligne avec
    une bordure violette d'intensite 50%


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :