Définition des règles CSS
IL Y A 4 TYPES DE REGLES
• Les sélecteurs html. Il est possible de redéfinir les balises html en CSS.
• Les classes. Il s'agit de règles librement choisies qu'on peut appliquer à n'importe quelle
balise html.
• les pseudo-classes de lien.
• Les ID. À peu près le même principe que les classes, mais ne peuvent s'appliquer qu'une
seule fois dans une page.
Toutes les règles ont la même structure :
Sélecteur (balise html, classe, pseudo-classe ou ID)
Propriétés qui identifient ce qui est défini.
Valeurs données à la propriété.
La paire propriété-valeur est appelée "définition"
selecteur { propriété : valeur ;}
OU PLACER LES REGLES CSS?
Il y a 3 façons d'insérer les CSS :
- dans une balise html dans le corps du document.
- dans l'en-tête du document (balise <head>).
- relié au document html à l'aide d'une balise <link ..> également dans l'en-tête.
Le navigateur lit la page, télécharge la feuille de style et l'utilise pour afficher le reste de la
page.
Dans la balise html
Dans un fichier externe relié au document :
<link rel="stylesheet" type="text/css" href="style/style.css" />
rel="stylesheet" dit que c'est un lien externe du type feuille de style type="text/css". Le
" />" est utilisé si vous choisissez le XHTML 1.0.
CREATION DE LA FEUILLE EXTERNE.
À l'aide d'un logiciel de texte basique (Notepad, NotePad++ sur PC ou TextEdit, TextMate,
TextWrangler sur Mac), créer un fichier enregistré au format texte seul, portant
l'extension .css.
Aucune balise html avec les signes < > ne doit figurer dans ce fichier !
IL Y A 4 TYPES DE REGLES
• Les sélecteurs html. Il est possible de redéfinir les balises html en CSS.
• Les classes. Il s'agit de règles librement choisies qu'on peut appliquer à n'importe quelle
balise html.
• les pseudo-classes de lien.
• Les ID. À peu près le même principe que les classes, mais ne peuvent s'appliquer qu'une
seule fois dans une page.
Toutes les règles ont la même structure :
Sélecteur (balise html, classe, pseudo-classe ou ID)
Propriétés qui identifient ce qui est défini.
Valeurs données à la propriété.
La paire propriété-valeur est appelée "définition"
selecteur { propriété : valeur ;}
OU PLACER LES REGLES CSS?
Il y a 3 façons d'insérer les CSS :
- dans une balise html dans le corps du document.
- dans l'en-tête du document (balise <head>).
- relié au document html à l'aide d'une balise <link ..> également dans l'en-tête.
Le navigateur lit la page, télécharge la feuille de style et l'utilise pour afficher le reste de la
page.
Dans la balise html
Dans un fichier externe relié au document :
<link rel="stylesheet" type="text/css" href="style/style.css" />
rel="stylesheet" dit que c'est un lien externe du type feuille de style type="text/css". Le
" />" est utilisé si vous choisissez le XHTML 1.0.
CREATION DE LA FEUILLE EXTERNE.
À l'aide d'un logiciel de texte basique (Notepad, NotePad++ sur PC ou TextEdit, TextMate,
TextWrangler sur Mac), créer un fichier enregistré au format texte seul, portant
l'extension .css.
Aucune balise html avec les signes < > ne doit figurer dans ce fichier !
0 commentaires:
Enregistrer un commentaire