Trackin
CSS001
Définition d'un style
Pour définir un style, il faut écrire:- Les balises XHTML (séparées par des virgules s’il y en a plusieurs) auxquelles il doit s'appliquer.
- Les différents attributs du style enfermés entre deux accolades, chacuns séparés des autres par un point virgule.
Balise1, Balise2 {
propriété de style: valeur;
propriété de style: valeur
}H4, P {
font-family: Arial;
font-style: italic;
font-color: green
}Sélecteurs contextuels
Il est possible de sélectionner une balise en fonction des éléments qui l'entourent, grâce aux sélecteurs contextuels :Eléments imbriqués
Balise1 Balise2 {
/* style; */
}<code><p>texte1</p></code>
<p>texte2</p>code p {
color: blue;
}Eléments consécutifs
Balise1+Balise2 {
/* style; */
}<i>texte</i><p>texte1</p>
<p>texte2</p>i+p {
color: blue;
}Les commentaires
Il est possible de placer des commentaires dans votre feuille de style sans qu'ils soient interprétés par les navigateurs, avec la syntaxe suivante :<!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>
<!--
/* Ceci est un commentaire */
Balise { propriété de style: valeur; propriété de style: valeur }
Balise { propriété de style: valeur; propriété de style: valeur }
-->
</style>
</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
Meilleurs partenaires Trackin VIP
