Scribd Logo
Importer

Bienvenue sur Scribd !

  • 40 vues

    Mise en Forme Du Texte CSS

    Transféré par

    Ivan Edú
    Le document décrit les propriétés de base et avancées de mise en forme de texte en CSS, telles que la couleur, la police, le gras, l'italique, l'alignement et l'espacement des caractères. Il présente également des effets comme les majuscules, le soulignement et la surbrillance, ainsi que des sites web pour apprendre le développement web.

    Droits d'auteur :

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

    Mise en Forme Du Texte CSS

    Transféré par

    Ivan Edú
    40 vues15 pages
    Le document décrit les propriétés de base et avancées de mise en forme de texte en CSS, telles que la couleur, la police, le gras, l'italique, l'alignement et l'espacement des caractères. Il présente également des effets comme les majuscules, le soulignement et la surbrillance, ainsi que des sites web pour apprendre le développement web.

    Titre original

    Mise en forme du texte CSS

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

    Le document décrit les propriétés de base et avancées de mise en forme de texte en CSS, telles que la couleur, la police, le gras, l'italique, l'alignement et l'espacement des caractères. Il présente également des effets comme les majuscules, le soulignement et la surbrillance, ainsi que des sites web pour apprendre le développement web.

    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
    40 vues15 pages

    Mise en Forme Du Texte CSS

    Transféré par

    Ivan Edú
    Le document décrit les propriétés de base et avancées de mise en forme de texte en CSS, telles que la couleur, la police, le gras, l'italique, l'alignement et l'espacement des caractères. Il présente également des effets comme les majuscules, le soulignement et la surbrillance, ainsi que des sites web pour apprendre le développement web.

    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 15

    Introduction

    I.
    Propriétés de base pour la mise en forme du texte
    1. Couleur et fond du texte
    2. Police de caractères et taille de police

    II.
    Propriétés avancées de mise en forme du texte
    1. Gras et italique
    2. Alignement du texte et espacement des caractères

    III.
    Effets et décorations du texte en CSS
    1. Texte en majuscules et minuscules
    2. Décoration du texte : soulignement , barré et surbrillance

    Conclusion
    DEUX LANGAGES COMPLÉMENTAIRES
    En combinant HTML pour la structure et CSS pour la présentation, vous pouvez créer
    des sites web bien organisés, flexibles et faciles à maintenir. Cette séparation des
    préoccupations entre la structure et la présentation permet également à différentes
    personnes (développeurs, designers) de travailler sur des aspects spécifiques du site
    web de manière indépendante, ce qui favorise la collaboration.

    HYPERTEXT MARKUP CASCADING STYLE


    LANGUAGE SHEET
    01
    Introduction

    Plusieurs niveaux depuis sa première :


    CSS1 (1996), CSS2 (1998), CSS2.1 (2005), CSS3 (en cours)
    la mise en forme du texte et la mise en page. La manière le plus simple d’utiliser CSS c'est
    de rajouter un attribut <style> sur les balises HTML. On peut utiliser <span> si on a besoin
    d’une balise supplémentaire. Encombrer le code HTML avec des indications de mise en
    forme, ce n’est toujours pas aussi convenable mais cela dépend du gout du développeur !

    02
    I.
    Propriétés de base pour la mise en forme du texte

    1. Couleur et fond du texte Couleur

    La propriété CSS color est utilisée pour définir la couleur


    du texte à l'intérieur d'un élément. Il est également
    possible d'utiliser des noms de couleurs prédéfinis en
    plusieurs langues, comme red, blue, green, black, etc.

    codes hexadécimaux comme #FF0000 (rouge),


    #0000FF (bleu), #008000 (vert), etc.

    des valeurs RGB ou RGBA (red-green-blue-alpha), par


    exemple rgb(255, 0, 0) (rouge), rgba(0, 0, 255, 0.5) (bleu
    semi-transparent), etc.
    03
    2. Police de caractères et taille de police

    La police de caractères et la taille de police


    Police
    sont deux éléments importants pour la
    présentation de texte.
    La police de caractères (ou police d'écriture)
    désigne le style graphique utilisé pour
    afficher des caractères, tels que les lettres,
    les chiffres et les symboles. Il existe une
    grande variété de polices de caractères
    disponibles, chacune avec son propre style,
    son épaisseur et sa forme.

    Il est toute fois possible de télécharger les


    polices comme extension supplémentaire.

    04
    II.
    Propriétés avancées de mise en forme du texte

    1. Gras et italique Gras

    Ce sont des éléments essentiels pour personnaliser


    l'apparence du texte dans une page web et donner un
    style visuel cohérent et professionnel à votre site web.
    La propriété CSS font-weight est utilisée pour définir
    l'épaisseur (ou la graisse) de la police d'un élément.
    Voici une liste des valeurs possibles pour la propriété
    font-weight :

    normal
    bold
    bolder
    lighter

    05
    La propriété CSS font-style est utilisée pour définir le style
    de la police d'un élément, en particulier pour indiquer si
    elle doit être affichée en italique ou en oblique. Voici une Italique
    liste des valeurs possibles pour la propriété font-style :

    normal
    la police est affichée en style normal

    italic
    la police est affichée avec une inclinaison vers la droite

    oblique
    inclinaison moins prononcée vers la droite

    inherit
    spécifique pour hériter d'un élément parent

    initial
    rétablit ou réinitialise la valeur par défaut de la propriété

    06
    2. Alignement du texte et espacement des caractères

    En utilisant text-align de manière appropriée, il est possible Alignement


    d'aligner horizontalement et de styliser le texte d'une page
    web selon ses besoins et ses préférences, comme définir
    l'alignement horizontal du contenu textuel à l'intérieur d'un
    élément. En CSS, il existe plusieurs propriétés permettant de
    définir l'alignement du texte comme suit text-align :

    left (aligne le texte sur la gauche de l'élément)


    right (aligne le texte sur la droite de l'élément)
    center (alignement du texte au centre)
    justify (étend le texte sur toute la largeur de l'élément)
    start / end (aligne le texte au début ou à la fin de l'élement )
    match-parent (en fonction de l'alignement de l'élément parent)
    inherit (hérite de la valeur de l'alignement du texte parent)
    07
    Espacement des caractères

    La propriété letter-spacing un aspect important de la mise Espacement


    en forme du texte qui permet de contrôler l'espacement entre
    les caractères d'un texte. Voici en attaché les différentes
    valeurs possibles intervenant sur cette propriété :

    valeurs en pixels ou en pourcentage


    (valeurs numériques spécifiant un espacement positif ou négatif)
    normal (par défaut, sans aucun espacement supplémentaire)
    valeurs négatives (spécifiant un resserrement des caractères)
    initial (telle que définie par la norme CSS)
    inherit (héritée de l'élément parent)
    unset (la valeur de la propriété est réinitialisée)
    revert (réinitialise la valeur d'une propriété à sa valeur héritée)

    08
    ALIGNEMENT DU TEXTE

    Il est important de noter que les valeurs "start" et "end"


    dépendent de la langue utilisée dans le texte de la page, car
    elles sont associées à la direction du texte (de gauche à droite
    ou de droite à gauche). De noter également que text-align
    affecte seulement l'alignement horizontal du texte dans, pas
    l'alignement vertical, pour cela il faut utiliser la propriété
    vertical-align.

    vertical-align : top
    bottom
    cette propriété définit l'alignement middle
    vertical d'un élément inline ou d'une text-top
    cellule de tableau. Les valeurs text-bottom
    possibles sont : sub | super | baseline et initial.
    09
    III.
    Effets et décorations du texte en CSS

    1. Texte en majuscules et minuscules

    Les effets et décorations du texte en CSS sont des propriétés qui permettent de modifier
    l'apparence visuelle du texte. Ces propriétés peuvent être utilisées seules ou en
    combinaison pour créer des effets de texte uniques et attrayants.
    La propriété text-transform transforme le texte en majuscules ou en minuscules. Les
    valeurs possibles sont :

    text-transform : uppercase; (transforme le texte en majuscule)


    lowercase; (transforme le texte en minuscule)
    capitalize; (met la première lettre de chaque mot
    en majuscule)

    10
    2. Décoration du texte : soulignement , barré et surbrillance

    La décoloration consiste à modifier le design d'un texte en y ajoutant des effets graphiques.
    Pour appliquer des effets de soulignement, de texte barre et de surbrillance a un texte, il
    existe une large gamme de propriétés qu'on peut parcourir et découvrir sur internet avec
    bien sûr des sites web super intéressant que nous indiqueront par la suite. Parmi tant, nous
    pouvons utiliser les propriétés telles que :

    text-decoration : none; (aucune décoration ne sera ajoutée)


    underline; (une ligne sera ajoutée sous le texte)
    line-through; (une ligne s'ajoutera au milieu)
    overline; (une ligne s'ajoutera au-dessus du texte)

    11
    www.site.com ENTER

    Il existe de nombreux sites pour apprendre le développement web et comprendre


    l'intégralité CSS ainsi que d'autre langages pour devenir pro dans la conception de sites
    web. Voici quelques-uns des meilleurs sites

    CODECADEMY
    FREECODECAMP
    UDEMY
    W3SCHOOLS
    COURSERA
    STEACK OVERFLOW
    ... 12
    Merci pour votre attention

    Urbain NGASSAKI Teresa CHAMORRO Fallou GUEYE


    Designer projet Responsable stratégies Administrateur en chef

    Notre équipe

    Vous aimerez peut-être aussi