Intégration de la mise en forme

Il existe trois façons d'intégrer la mise en forme dans une page.

  • Attribut style

  • Balise <style>

  • Fichier CSS

MéthodeAttribut

L'attribut style des balises permet de les mettre en forme à l'aide de couples propriété : valeur

1
<div
2
									style="background-color:red;">J'ai une couleur de fond
3
									rouge</div>
4
									<div>Moi non</div>
J'ai une couleur de fond rouge
Moi non

MéthodeBalise

La balise style permet de mettre en forme d'autres balises à l'aide de règles

selecteur { propriété : valeur; } :

1
div {background-color : red; }

Dans l'exemple, tous les div auront un fond rouge.

Ces règles doivent être écrites à l'intérieur de la balise <style>

1
<style>
2
									div {background-color : red; }
3
									</style>
4
									<div>J'ai une couleur de fond rouge</div>
5
									<div>Moi aussi<div>
J'ai une couleur de fond rouge
Moi aussi

MéthodeFichier CSS

Les règles peuvent être écrites dans un fichier externe. L'intérêt est que plusieurs pages pourront utiliser la même feuille CSS.

Ces fichiers ont une extension css.

style.css

1
div {background-color : red; }

On intègre la feuille CSS avec la balise link

1
<link href="style.css"
2
									rel="stylesheet">

exemple.html

1
<link href="style.css"
2
									rel="stylesheet">
3
									<div>J'ai une couleur de fond rouge</div>
4
									<div>Moi aussi<div>
J'ai une couleur de fond rouge
Moi aussi