CSS003

Il est aussi possible d'utiliser des styles différents pour des balises de même type, pour cela on utilise le concept de classe et d'identifiant.

Les classes

Pour définir une classe, il faut préciser la balise,la faire suivre d'un point, puis le nom de classe que vous souhaitez.

p.vert{
	font: Verdana 14px;
	color: #336600
}

Pour affecter une classe à une balise XHTML, il suffit de lui ajouter un attribut class avec le nom de la classe choisie.

<p class="vert"> Texte en vert </p>

Les classes universelles

Si aucune balise n'est précisée, la classe sera prise en compte comme une classe universelle et pourra être utilisée sur n’importe qu’elle balise.

.vert{
	font: Verdana 14px;
	color: #336600
}

Les sélecteurs identifiants

Pour les sélecteurs identifiants, la procédure est la même que pour les classes. La seule différence est qu'ils permettent de faire référence à un élément unique d'une page. Définition d'un identifiant:

p#vert{
	font: Verdana 14px;
	color: #336600;
}

Appel d'un identifiant:

<p id="vert"> Texte en vert </p>

---

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