CityDesk et Standards du Web - le wiki

Exercice Sur La Propriété Float

Résumé

Cette page est dédiée à la mise en application de la propriété Float. La théorie est visible sur BasesDesCss/Float. Vous pouvez vous créer un espace d'entraînement pour pratiquer cet exercice avant de visualiser la correction publiée en bas de page.

Exercices

Exercice 1 : Création d'une lettrine

Dans ce premier exercice, vous devez utiliser la propriété float pour créer une lettrine à un paragraphe de texte. Vous utiliserez pour cela le pseudo-élément[1] :first-letter.

Le pseudo-élément :first-letter peut être employé pour faire des capitales initiales et des lettrines, ce sont des effets typographiques courants. Ce genre de lettre initiale est assimilé à un élément de type en-ligne quand la valeur de sa propriété 'float' est 'none', et assimilé à un élément flottant autrement.

Le pseudo-élément :first-letter admet ces propriétés :

  • les propriétés de police
  • les propriétés de couleur
  • les propriétés d'arrière-plan
  • 'text-decoration'
  • 'vertical-align' (seulement si la valeur de la propriété 'float' est 'none')
  • 'text-transform'
  • 'line-height'
  • les propriétés de marge
  • les propriétés d'espacement
  • les propriétés de bordure
  • 'float'
  • 'text-shadow'
  • 'clear'.
la syntaxe pour son utilisation est p:first-letter {}

Vous pouvez, pour cet exercices, soit utiliser une page sur laquelle vous travaillez deja, soit utiliser le gabarit d'exercice et remplir les propriétés css. Dans tous les cas essayez de faire cet exercice dans les espaces HTML créés ci-dessous afin que chacun puisse profiter facilement du travail des autres

LaurentLunati 26 Octobre, 2004 10:24 CET

Pistes d'aide

Créez vos Espaces HTML

Suivez simplement l'exemple ci-dessous pour créer un espace personnalisé d'entraînement html

Corrections

Posez vos questions ici :





[1] Détails et ressources sur CssPseudoÉlément

 
© GPL 26 Novembre, 2004