La syntaxe des feuilles de styles
Définition d'un style
Télécharger le style de cette page.
Pour utiliser les feuilles de styles css, il faut insérer dans le head de la page html le code suivant :
<link href="nom_de_mon_style.css rel="stylesheet" type="text/css"/>
Voici comment se forme une règle css :
h1{text-align: left; font-weight: bold; font-size:10px;}
Ici h1 est le sélecteur.
text-align, font-weigth, font-size sont des propriétés.
bold, left et 10px sont des valeurs.
Toute l'expression entre les accolades est un bloc de déclaration.
Pour illustrer la syntaxe générale des règles des feuilles de style, nous allons prendre l'exemple d'une définition du BODY :
/* Ceci est un commentaire ! */body { margin: 0;/* Margin définit la taille des marges extérieures (en px ou %) */background-image: url('images/fond.jpg');/* Appelle une image de fond, dont l'adresse est donnée dans "url" */font-family: verdana, arial, sans-serif; font-size: 75%; text-align:center;/* Permettent de définir différentes propriétés de la police : la police, la taille et l'alignement *//*---------------------------------------------------*/ /*--- on définit ici les couleurs de la scrollbar ---*/ /*---------------------------------------------------*/scrollbar-arrow-color:#000000; scrollbar-track-color:#CCCCCC; scrollbar-shadow-color:#000000; scrollbar-face-color:#DEE3E7; scrollbar-highlight-color:#CCCCCC; scrollbar-darkshadow-color:#999999; scrollbar-3dlight-color:#CCCCCC; }
Voici en vrac quelques unités utilisées :
- em
- ex
- px
- %
- cm
- in
- mm
- pt
- RR correspond à la teinte de rouge, codée en hexadécimal, de 00 à FF
- VV correspond à la teinte de vert, codée en hexadécimal, de 00 à FF
- BB correspond à la teinte de bleu, codée en hexadécimal, de 00 à FF