Les feuilles de styles sont la meilleure façon d’appliquer le formatage du texte et des balises, car tout ce qui concerne le formatage se fera dans un fichier séparé. Cela permet d’avoir un code html ‘propre’. Il faudra alors rattacher la page html avec le fichier csc (feuille de style).
Tag utilisé : <link></link>
Voici les attributs :
| href | URI de la ressource reliée |
| rel | types de lien régressif |
| type | type de contenu |
Exemple:
<link href="../1030/Mon_site/css/style.css" rel="stylesheet" type="text/css" />
Une fois crée le lien avec le fichier css on peut définir dans celui-ci des nouvelles classes ou bien redéfinir toutes les balises existantes. Ceci est très performant ,car tout définition de formatage ne se fait plus dans le code source de la page html.
La définition des nouvelles classes comme celles des balises se fait comme ceci:
body
{
text-align: center;
background-color: #0000ff;
font-size: 12px;
}
.titre
{
text-align: center;
color: #ff00ff;
font-size: 10px;
}