Exercices CSS

oliviercouvercelle

1,598 views

01 Introduction

02 Base CSS

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>