Création feuille de style externe css

Qu'est-ce qu'une feuille de style externe ?

Une feuille de style externe est un fichier portant l'extension .css, et codé en CSS (ce sont les initiales de "Cascading Style Sheets").
Comme on va voir dans un TP suivant , cette feuille de style externe vous permettra de gérer la mise en page d'un document(html,php...etc).

création feuille de style externe:

Il n'y a rien de plus simple que la création de ce type des feuilles. Vous créez un fichier texte (qui possède donc l'extension .txt) comme tous les autres, qu'il soit sur votre bureau ou dans un dossier, et vous lui donnez l'extension .css.
Vous pouvez par exemple nommer votre fichier "design.css".

 

Il n'y a vraiment rien de compliquer jusque là? restez concentré sur les explications vous allez voir pourquoi on faisons une feuille externe.

Pourquoi parle-t-on de feuille de style EXTERNE ?

Nous parlons de feuille de style externe car ce fichier n'est pas inclus à l'intérieur d'un document HTML, mais à l'extérieur. C'est un fichier qui est donc indépendant (voir l'image ci-dessus).
ce fichier on peut l'intégré dans une plusieurs pages html ou php pour dépasser la redondance de l'information et des codes styles précisément.  

Qu'est-ce qu'on écrit dans ce fichier .css ?

Dans ce genre de fichier, on écrit dans un langage appelé "CSS".
 des codes comme :

sélecteur {
  propriété-1: valeur-1;
  propriété-2: valeur-2;
  propriété-n: valeur-n;
}

exemple:

h1 {
  text-align: center;
  color: blue;
}

Comment écrire en CSS ?

Prenez simplement un éditeur de texte tel que  1-Telecharger Notepad++, et ouvrez cette feuille de style. Ensuite, vous devez apprendre à écrire en CSS. Enfin, vous apprendrez à lier la feuille de style à votre document HTML.