Trackin
CSS002
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>
Le langage des feuilles de styles CSS est utilisé pour décrire le design d'un document écrit en XHTML.
Il décrit tous les aspects de la présentation (couleur, police, alignement de texte, taille...).
Ces cours sur les feuilles de styles se basent sur la norme CSS 2.
Chapitres
- 1 - Syntaxe des feuilles de styles
- 2 - Incorporer les styles à une page
- 3 - Les classes et les sélecteurs identifiant
- 4 - Pseudo-classes
- 5 - Propriétés des textes
- 6 - Propriétés d'arrière plan
- 7 - Propriétés de marges et d'espaces intérieurs
- 8 - Propriétés des bordures
- 9 - Propriétés de dimensions
- 10 - Propriétés d'affichage
- 11 - Propriétés de positionnement