Les propriétés CSS

Choisir la propriété

Essentiellement, l'ajout d'éléments de mise en page consiste à ajouter dans la page des propriétés CSS.

• Les propriétés servent à donner la mise en forme à un élément (balise).
• Une propriété à l'air de ceci : nom:valeur;
• Le nom de la propriété suivi d'un deux-points suivi de la valeur de la propriété et se termine par un point-virgule.
• Il y a une grande quantité de propriétés CSS.
• Il n'y a pas de limite au nombre de propriétés qu'un élément peut recevoir. Pour appliquer plusieurs propriétés différentes à une balise ou à une règle CSS, on n'a qu'à les disposer l'une à la suite de l'autre.

Quelques exemples

• background-color:red;
• color:rgba(0,0,0,.5);
• font-weight:bold;
• float:left;

• box-shadow:1px 1px 1px black;
• font-family:comic sans ms;
• border:1px solid black;
• border-radius:1em;

Vous vous demandez sûrement comment utiliser cette nouvelle information...

Appliquer la propriété

Notre défi est maintenant d'appliquer ces propriétés aux bonnes balises. Il y a 2 façons de donner une mise en forme à une balise : en y ajoutant l'attribut style ou en utilisant une règle CSS dans une feuille de styles. Pour l'instant, nous nous contenterons de l'attribut style. Ces propriétés ne s'appliqueront QU'à la balise concernée, mais nous verrons plus tard comment améliorer le processus.

Exemples

• h1 style=background-color:black; color:white;
   WOW! LE BEAU TITRE!
/h1
• img src=... alt= style=width:100px; height:50px; /

Les propriétés importantes

Téléchargez le mémento ou un résumé en anglais.