Médiaforma

PHP MySQL – Styles CSS

Print Friendly

Les éléments HTML peuvent être mis en forme avec un attribut style. La syntaxe est la suivante :

<balise style="p1:v1; …pN:vN";>

Où balise est le nom d’une balise HTML5, les pI sont des propriétés CSS et les vI les valeurs affectées à ces propriétés.

Cette technique est à éviter car elle est trop restrictive : en effet, elle ne s’applique qu’à la balise dans laquelle l’attribut style est spécifié.

Vous préfèrerez définir les styles d’une façon plus globale, en définissant les caractéristiques des balises dans l’en-tête du document, entre les balises <style> et </style>, ou dans un fichier externe d’extension .css.

Première technique : dans l’en-tête du document

<head>

<style type="text/css">

element {

p1: v1;

pN: vN; }

</style>

</head>

Où element est le nom d’un élément HTML5 (c’est-à-dire une balise sans les signes < et >), les pI sont des propriétés CSS et les vI les valeurs affectées à ces propriétés.

Deuxième technique : dans un fichier externe

Insérez le code CSS dans un fichier d’extension .css et définissez les styles comme ceci :

element1 {

p1: v1;

pN: vN; }

elementZ {

p1: v1;

pK: vK; }

Où les elementI représentent des éléments HTML5, les pI sont des propriétés CSS et les vI les valeurs affectées à ces propriétés.

Si ce code est stocké dans le fichier styles.css, vous y ferez référence dans l’en-tête du document HTML avec l’instruction suivante :

<link rel="stylesheet" href="styles.css" />

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply