Exercices CSS

oliviercouvercelle
2,482 views

Open Source Your Knowledge, Become a Contributor

Technology knowledge has to be shared and made accessible for free. Join the movement.

Create Content
Next: Base CSS

Rappel CSS

Le CSS est un langage venant en complément du HTML.

  • CSS signifie Cascading Style Sheet.
  • Il permet de mettre en forme la page web.
  • On peut Ă©crire le code CSS Ă  plusieurs endroits diffĂ©rents, le plus conseillĂ© Ă©tant de crĂ©er un fichier sĂ©parĂ© portant l'extension .css
  • Le CSS utilise des sĂ©lecteurs pour appliquer la mise en forme aux Ă©lĂ©ments HTML ciblĂ©s.
  • Il existe de nombreux sĂ©lecteur CSS :
    • Les sĂ©lecteurs de balise.
    • Les sĂ©lecteurs de classe ..
    • Les sĂ©lecteurs d'identifiant #.
    • Des combinaisons des trois prĂ©cĂ©dents.
  • Attention Ă  la compatibilitĂ© inter-navigateurs. Une commande inconnue est ignorĂ©e.

Une définition CSS se présente comme suit :

sélecteur {
	propriété1:valeur1;
	propriété2:valeur2;
	propriété3:valeur3;
}

Contexte d'utilisation

Dans ces exercices de prise en main du CSS vous aurez toujours une page HTML préconstruite à votre disposion sur laquelle vous devrez appliquer des styles CSS.

Exemple

Le code HTML suivant existe.

<article>
	<h1>Mon article</h1>
	<section>
		<h2>Première section</h2>
		<p>Premier paragraphe</p>
	</section>
	<section>
		<h2>Deuxième section</h2>
		<p>Deuxième paragraphe</p>
		<p>Troisième paragraphe</p>
	</section>
</article>

Il faut faire en sorte de :

Introduction
Open Source Your Knowledge: become a Contributor and help others learn. Create New Content