accueil
Vous êtes ici >> Accueil/Les Dossiers/TUTORIAUX/CSS/Mise en forme du texte (2)

Mise en forme du texte (2)

16/09/2006 - Lu 343 fois
Comment mettre en valeur son texte?
En html tous est défini par defaut ou presque la taille du texte la police heureusement qu'on a inventé le CSS grace au diffrentes proprieté on

peut definir la taille du texte sa police sa couleur  les marges bref tous .

On va voir ces diffrentes proprieté une par une  et on va detailler tous ca  chaque foie par des exemples :

La proprieté FONT :

FONT-SIZE (définir la taille du titre)(9px.....36px)

FONT-FAMILY (définir la police)(les plus connus times new roman,verdana,times)


FONT-STYLE (définir le style italic normal)(italic normal ou oblic)

FONT-VARIANT (majusqule/minusqule)(normal small caps)

FONT-WEIGHT(définir l'epesseur du texte)(100..900 ou bold)

Exemple :

Code CSS
 

.TITRE
{
Font-size:12px;
Font-family : "Times New Roman", Times, serif ;
Font-style:italic;
Font-variant:small caps;
}

Code HTML

<h6 class='titre'>titre</h6>

La proprieté Margin :

Margin-left (marge gauche) en pixel.

Margin-bottom (marge inferieur) en pixel.

Margin-right (marge droite) en pixel.

Margin-top (marge suprieur) en pixel .

La proprieté TEXT :

Text-transform(transformer le texte en majusqule ou minusqule) (supercase,lowercase).

Text-align (aligner son texte ) ( right,center,left).

Text-shadow (définir la couleur du texte).


Exemple :

Code CSS:
.Titre
{
Margin-left:5px;

}
.paragraphe
{
text-transform:lowercase;
text-shadow:#000000;
}


Code HTML :

<h6 class="titre">titre</h6>
<p class="paragraphe">ceci est un texte bla bla bla</p>