Sommaire

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 :

images/C16-001.png

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. ...