Types – Feuille de Style Exterieur
Comment faire pour avoir une feuille de style externe?
Je veux avoir des fichiers séparés avec tous mes styles, comment le faire?
Explication
Ceci sera très utile quand on a plusieurs styles définis. On voudra prendre tous les styles dans un autre fichier appart. C’est ce qu’on fait avec le CSS Externe. On prend tous les styles dans un fichier externe et on les applique à la page html.
Exemple:On va utiliser le style suivant sur un fichier texte mystyle.css par exemple
<style>
.mystyle1
{
color: green;
background-color: orange;
}
</style>
Sur notre tête, on va se connecter à la feuille de style exterieur avec le marqueur « link » sur une portion de l’entête
Marqueur: <head>
<link rel="stylesheet" type="text/css" href="mystyle.css"/>
</head>
Les noms utilisés pour les styles personnalisés ne doivent correspondre à aucun marqueur html. On configure le style du marqueur avec l’attribution « class ».
EX 1: <font class=mystyle1> MY STYLE </font>
Résultat 1: MY STYLE
EX 2: <a href="index.php" class=mystyle1> MY STYLE </a>
Résultat 2:
A Note
CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.
Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.