English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS (Cascading Style Sheets) est utilisé pour appliquer des styles aux balises des éléments HTML.
HTML utilise des styles
Ce exemple montre comment utiliser les informations de style ajoutées à la section <head> pour formatter HTML.
Demonstration de la manière d'utiliser les attributs de style pour créer un lien sans soulignement.
Comment utiliser l'attribut style pour créer un lien sans soulignement.
Liens vers une feuille de style externe
Ce exemple montre comment
Liens vers une feuille de style externe.
CSS est utilisé dans HTML 4 Introduit pour une meilleure mise en page des éléments HTML.
CSS peut être ajouté à HTML de la manière suivante:
Styles en ligne- Utilisez l'attribut "style" dans l'élément HTML
Feuille de style interne -Utilisez l'élément <style> dans la zone <head> du document HTML pour inclure CSS
Référence externe - Utiliser un fichier CSS externe
La meilleure manière est d'utiliser une référence externe de fichier CSS.
Dans notre tutoriel HTML, nous avons utilisé des styles CSS en ligne pour introduire des exemples, ce qui permet de simplifier les exemples et de vous permettre de modifier et d'exécuter des exemples en ligne plus facilement.
Vous pouvez naviguer sur notre site via Tutoriel CSS Pour en apprendre davantage sur CSS.
Lorsque des styles spéciaux doivent être appliqués à des éléments individuels, vous pouvez utiliser des styles en ligne. La méthode pour utiliser les styles en ligne consiste à utiliser les attributs de style dans les balises pertinentes. Les attributs de style peuvent inclure n'importe quel attribut CSS. L'exemple suivant montre comment modifier la couleur du paragraphe et la marge extérieure gauche.
<p style="color:blue;margin-left:20px;">Ceci est un paragraphe.</p>
Pour en apprendre davantage sur les styles, visitez Tutoriel CSS.
Attribut de couleur de fond (background-Définir une couleur de fond pour un élément :
<!DOCTYPE html> <html> <head> <meta charset="utf-8> <title>Base Tutorial(oldtoolbag.com)</title> </head> <body style="background-color:yellow;"> <h2 style="background-color:red;">Voici un titre</h2> <p style="background-color:green;">Voici un paragraphe.</p> </body> </html>Voyons voir ‹/
Anciennes propriétés de couleur de fond (background-color) est défini à l'aide de l'attribut bgcolor .
Il est maintenant généralement utilisé font-family (police), color (couleur), et font-size (taille de police) pour définir le style du texte au lieu d'utiliser la balise <font>.
Utilisez text-L'attribut align (alignement de texte) spécifie la manière dont le texte est aligné horizontalement et verticalement :
<!DOCTYPE html> <html> <head> <meta charset="utf-8> <title>Base Tutorial(oldtoolbag.com)</title> </head> <body> <h1 style="text-align:center;">Titre centré</h1> <p>Voici un paragraphe.</p> </body> </html>Voyons voir ‹/›
Propriété d'alignement de texte text-align a remplacé l'ancienne balise <center> .
Lorsque un fichier nécessite un style spécial, vous pouvez utiliser une feuille de style interne. Vous pouvez définir une feuille de style interne en utilisant la balise <style> dans la section <head> :
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>Lorsque le style doit être appliqué à de nombreuses pages, une feuille de style externe est l'option idéale. En utilisant une feuille de style externe, vous pouvez changer l'apparence de tout le site en modifiant un seul fichier.
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
| Balise | Description |
| <style> | Définir le style du texte |
| <link> | Définir l'adresse de référence des ressources |
Dans HTML 4, les balises et attributs utilisés pour définir les styles des éléments HTML sont devenus obsolètes. Ces balises ne seront pas prises en charge dans les nouvelles versions des balises HTML.
Les balises non recommandées incluent : <font>, <center>, <strike>
Attributs non recommandés: color et bgcolor.