Scribd Logo
Importer

Bienvenue sur Scribd !

  • Resume1 CSS3

    Transféré par

    driss essaadi
    42 vues3 pages
    Résumé CSS3

    Titre original

    RESUME1 CSS3

    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é ?

    Signaler ce document
    Résumé CSS3

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    42 vues3 pages

    Resume1 CSS3

    Transféré par

    driss essaadi
    Résumé CSS3

    Droits d'auteur :

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

    www.ecole-racine.

    com

    Résumé 1 :
    Squelette HTML5 de base :

    <!DOCTYPE html>
    <html lang="fr">
    <head>
    <meta charset="UTF-8"> <!-- balise 1 -->
    <meta name="viewport" content="width=device-width, initial-
    scale=1.0"><!-- balise 2 -->

    <title>Document</title> <!-- balise 3 -->


    </head>
    <body>

    </body>
    </html>

    < !-- commentaire --> : Pour insérer un commentaire dans votre code html.

    Balise 1 :
    C'est quoi meta charset utf-8 ?
    UTF-8 (abréviation de l'anglais Universal Character Set Transformation Format - 8 bits) est un codage de
    caractères informatiques conçu pour coder l'ensemble des caractères du « répertoire universel de
    caractères codés », initialement développé par l'ISO dans la norme internationale ISO/CEI 10646.Il est
    utilisé pour afficher les caractères accentués ou autres caractères spéciaux de votre page.

    Balise 2 :

    La plupart des sites optimisés pour les mobiles utilisent cette balise.
    La propriété width contrôle la taille de l’affichage à l’écran. Elle peut être réglée à une valeur précise de
    pixels, comme width=600, ou bien à la valeur spéciale device-width qui correspond à la largeur de
    l'écran en pixels CSS à l'échelle 100%. (Il existe les propriétés et valeurs height et device-
    height correspondantes, qui peuvent être utiles pour les pages contenant des éléments qui changent de
    taille ou de position en fonction de la hauteur du viewport : écran.)
    La propriété initial-scale contrôle le niveau de zoom lorsque la page est chargée pour la première fois.
    Les propriétés maximum-scale, minimum-scale, et user-scalable contrôlent la manière dont les
    utilisateurs sont autorisés à zoomer ou dézoomer une page.

    Balise 3 :

    La balise <title> est nécessaire dans toutes les pages HTML et définit le titre de la page.
    Le navigateur affiche la valeur de la balise <title> sur l’onglet qui ouvre la page, cette valeur est aussi
    utilisée comme titre de la page s’il est ajouté à vos favoris. Les moteurs de recherche affichent ce titre sur
    la page des résultats d’une recherche
    La balise <title> doit toujours se trouver dans la balise head

    1
    www.ecole-racine.com

    Résumé sur les règles CSS3 vues dans cette partie :


    Formatage du texte :
    TYPE NOM Valeurs possibles

    Jeux caractères font-family Indiquer les noms de polices possibles par ordre de préférence :
    font-family: police1, police2, police3;
    Utilisez des guillemets si le nom de la police comporte des
    espaces. Essayez de toujours mettre comme dernière police
    possible "serif" ou "sans-serif".
    Exemple : font-family: "Arial Black", Arial, Verdana, serif;

    Taille du texte font-size Plusieurs unités sont possibles :


    • px (pixels)
    • % (pourcentage, 100% = normal)
    • em (taille relative, 1.0 = normal)
    • ex (taille relative à la hauteur de la lettre "x". 1.0 = normal)
    • nom de taille :
    o xx-small : très très petit
    o x-small : très petit
    o small : petit
    o medium : moyen
    o large : grand
    o x-large : très grand
    o xx-large : très très grand
    Gras font-weight bold : gras
    bolder : plus gras
    lighter : plus fin
    Italique font-style italic : italique
    oblique : autre façon de mettre en italique
    Décoration text-decoration underline : souligné
    overline : ligne au-dessus
    line-through : barré
    blink : clignotant
    none : normal (par défaut)

    Alignement :
    TYPE NOM Valeurs possibles

    Alignement horizontal text-align left : à gauche (par défaut)


    center : centré
    right : à droite
    justify : texte justifié (prend toute la largeur de la page)

    Couleur :
    TYPE NOM Valeurs possibles

    Couleur de texte color Indiquer une couleur avec l'une des méthodes suivantes :
    • En tapant le nom de la couleur en anglais (black,
    blue, green, white, red...).
    • En indiquant la couleur en hexadécimal (#CC48A1)
    • En indiquant la couleur en RGB : rgb (128, 255, 0)
    Couleur de fond background-color Même fonctionnement que color. Cela définit cette fois la
    couleur de fond du texte.

    2
    www.ecole-racine.com

    Bordures :
    Syntaxe simplifiée :
    border : taille en px style bordure couleur ;
    style bordure ( border-style) border-radius : taille en px ; coins arrondis

    Ombres (shadow ) :
    Syntaxe simplifiée :
    box-shadow : horz vert flou couleur inset ou outset;

    Vous aimerez peut-être aussi