CSS : quelques styles. 1, textes

 

accueil (cours internet)

Syntaxe CSS >

Styles de calques >>

 

Style

Définition

font-family:

 

liste des polices à utiliser ex: font-family: Arial, Helvetica, sans-serif *

* signifie :

  1. a police du texte sera normalement Arial
  2. si le navigateur ne trouve pas Arial sur le poste de l'internaute, il affichera le texte en Helvetica
  3. s'il ne dispose pas d'Helvetica,il utilisera l'une des polices "sans serif" - c'est à dire sans empattement- dont il dispose

font-size:

taille de la police :

taille relative à la taille de police du "client"

  • xx-small ... xx-large : relatif à la taille moyenne définie par le navigateur
  • % : relatif au texte environnant (?)
  • em, ex : relatifs à l'élément parent

taille fixée

  • px (pixels) - varie selon la résolution de l'écran
  • cm, pt (points), pc (pica : 1pc=12pt)

font-size:115%

font-style:

normal ou italique

font-style:italic

font-weight:

  • normal, gras (bold),
  • plus gras (bolder), plus fin (lighter)
  • valeur : 100, 200,300,..., 9

color:

couleur
(valeur hexadécimale,rvb,nom)

color:#00FF00

background-color:

couleur de fond - effet "stabilo"
(valeur hexadécimale,rvb,nom)

text-decoration:

underline (souligné), line-through (barré), none (pas de décoration)

text-align:

right, left, center, justify

content: "texte", attr(nom d'un attribut), adresse

img:after{
content:"[" attr(alt) "]"
}

note

plus de propriétés :
cf Propriétés CSS sur http://fr.selfhtml.org voir le site

 

Eric
Pichon

retour haut de pageaccueil (cours internet)