Les CSS:styles intégrés dans un élément HTMLs Style:intégré dans un élément HTMLtyles intégrés dans un élément
HTML
La première possibilité d’intégrer
des styles CSS est de définir une règle directement
dans l’élément HTML concerné.
Dans ce cas, cette règle ne s’applique qu’à cet élément
et à nul autre.
Pour cela, nous devons utiliser l’attribut style dans l’élément
HTML souhaité et indiquer la propriété et
la valeur voulues.
Dans cet exemple, nous appliquons de l’italique
au premier titre <h2> :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ma page web</title>
</head>
<body>
<h2 style="font-style: italic">Tristique Cursus Commodo Ligula</h2>
<p>Cras justo odio, dapibus ac facilisis...</p>
<h2>Tortor Ullamcorper Etiam Nibh</h2>
<p>Nullam id dolor id nibh ultricies...</p>
</body>
</html>
Voici l’affichage obtenu :
Ainsi, vous voyez que la portée de
cette règle CSS est des plus réduites, puisqu’elle
ne s’applique qu’à l’élément
HTML dans lequel elle est définie. ...