HTML CSS

En utilisant HTML4.0, tous les codes de formatage peuvent être retirés du document HTML et placés dans un tableau de styles indépendant.

Exemple

Styles dans le HTML
Cet exemple montre comment utiliser les informations de style ajoutées à la section <head> pour formater le HTML.
Lien sans soulignement
Cet exemple montre comment utiliser les attributs de style pour créer un lien sans soulignement.
Lier à un tableau de styles externe
Cet exemple montre comment lier un tableau de styles externe en utilisant le balise <link>.

Comment utiliser les styles

Quand le navigateur lit un tableau de styles, il le formate selon ce tableau. Il y a trois façons d'insérer un tableau de styles :

Tableau de styles externes

Quand le style doit être appliqué à de nombreuses pages, le tableau de styles externes est un choix idéal. En utilisant un tableau de styles externes, vous pouvez changer l'apparence entire du site en modifiant un seul fichier.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Feuilles de style internes

Lorsque un fichier unique nécessite un style spécial, les feuilles de style internes peuvent être utilisées. Vous pouvez définir une feuille de style interne en utilisant le balise <style> dans la section head.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Styles en ligne

Lorsque des styles spéciaux doivent être appliqués à un élément individuel, les styles en ligne peuvent être utilisés. La méthode pour utiliser les styles en ligne consiste à utiliser les attributs de style dans les balises pertinentes. Les attributs de style peuvent contenir n'importe quel attribut CSS. Voici un exemple de comment changer la couleur du paragraphe et la marge extérieure gauche.

<p style="color: red; margin-left: 20px">
Ceci est un paragraphe
</p>

Visitez notre Tutoriel CSSPour en savoir plus sur les styles.

Balise Description
<style> Définir les définitions de styles.
<link> Définir une référence de ressource.
<div> Définir un section ou une zone (block) dans le document.
<span> Définir un petit bloc ou une zone inline dans le document.
<font> Définir la police, la taille de la police et la couleur du texte. Déconseillé. Utilisez les styles.
<basefont> Définir la police de base. Déconseillé. Utilisez les styles.
<center> Centrer le texte horizontalement. Déconseillé. Utilisez les styles.