Maison > Article > interface Web > A quoi sert le style en HTML5
A quoi sert le style en HTML5
- WBOYoriginal
- 2022-03-25 15:21:396871parcourir
Utilisation : 1. Utilisé pour spécifier le style intégré des documents HTML, la syntaxe est "" 2. Utilisé pour spécifier le style en ligne de elements, cet attribut remplacera tous les paramètres de style globaux et la syntaxe est "
".
L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.
Quelle est l'utilisation du style en html5
1 Utilisée pour définir les informations de style pour les documents HTML
La balise
Avec style, vous pouvez spécifier comment le document HTML est rendu dans le navigateur.
L'attribut type est obligatoire et définit le contenu de l'élément style. La seule valeur possible est "text/css". L'élément
style est situé dans la section head.
La valeur du type d'attribut est text/css et spécifie le type MIME de la feuille de style.
L'exemple est le suivant :
<html>
<head>
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>
<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>
</html>Résultat de sortie :
2 Utilisé pour spécifier le style en ligne de l'élément
L'attribut style spécifie le style en ligne de l'élément
l'attribut style sera remplacé. tous les paramètres de style globaux, tels que les styles spécifiés dans la balise
Syntaxe
<element style="value">
style_definition Une ou plusieurs propriétés et valeurs CSS séparées par des points-virgules.
L'exemple est le suivant :
<html> <body> <h1 style="color:blue">This is a header</h1> <p style="color:red">This is a paragraph.</p> </body> </html>
Résultat de sortie :
Tutoriel recommandé : "Tutoriel vidéo HTML"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!