Implanter du CSS à une page Web

Pour faire la mise en page d'une page Web, il faut implanter une feuille de style.

Pour déclarer cette feuille il faut appeler un fichier CSS depuis la balise HEAD comme ceci :

Script avec 1 ligne

001<link rel="stylesheet" type="text/css" href="/skins/zw3b-site/css/theme_default.css" />

On peut déclarer plusieurs feuilles de style et faire en sorte qu'une (ou plusieurs) soit active :

Script avec 3 lignes

001<link rel="alternate stylesheet" type="text/css" href="/skins/zw3b-site/css/theme_1.css" />
002<link rel="alternate stylesheet" type="text/css" href="/skins/zw3b-site/css/theme_2.css" />
003<link rel="stylesheet" type="text/css" href="/skins/zw3b-site/css/theme_3.css" />

Ici la feuille de style active est la 3e feuille. Les 2 autres sont des feuilles alternatives (on pourait faire en sorte que l'utilsateur puisse choisir celle qui préfère).

Ici les 2 feuilles sont chargées sur la page.

On appele un feuille générale exemple global.css qui elle va en appeler d'autres (par exemple (jusqu'aux feuilles de style) pour séparer les CSS par modules spécifiques) :

Ici on appelle global.css qui appele 2 autres feuilles :

Script avec 2 lignes

001@import 'default.css';
002@import 'commentaires.css';

On peut aussi ecrire le CSS directement dans la page :

Script avec 12 lignes

001<style type="text/css">
002/* Une classe qui peut se répéter */
003div.maclass { 
004        color:black;
005        background-color:blue;
006}
007/* Un ID(entifiant) qui est unique */
008div#myid { 
009        color:black;
010        background-color:blue;
011}
012<style>

Keywords :