Zone Webmasters - CSS - Incorporer les styles à une page

Recherche <> Connexion

Zone Membre

Ressources

Kits graphiques

Liens utiles

> Accueil > Cours > CSS > Incorporer les styles à une page

CSS - Incorporer les styles à une page

Les styles peuvent être incorporés dans un document Html ou Xhtml de trois manières différentes.

Dans l'en-tête de votre page

Les styles d'une page web peuvent être déclarés, dans les balises <head> et </head> grâce à la balise <style>.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr">
<head>
	<title>Titre de la page</title>
	<style>
	<!--
		Vos styles ici  
	-->   
	</style>
</head>

Dans une balise html

Il est également possible de définir le style dans une balise html grâce à l'attribut style.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr">
<head>
	<title>Titre de la page</title>
</head>
<body>
	<balise style="style:valeur;" ></balise>
</body>

Dans un fichier externe

On peut aussi importer les feuilles des styles d'un fichier externe grâce à la balise <link> placée entre les balises <head> et </head> du document.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr">
<head>
	<title>Titre de la page</title>
	<link rel="stylesheet" type="text/css" href="style.css"/>
</head>

Syntaxe des feuilles de styles << Cours CSS >> Les classes et les sélecteurs identifiant

Imprimer ce cours