article(s) dans votre panier VOIR

Styles CSS - Formation PHP

  • Vidéo 6 sur 158
  • 4h43 de formation
  • 158 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Styles CSS
00:00 / 02:13
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

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

<balise;>

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>

Styles CSS - Formation PHPDeuxiè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 éléments 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" />