Les attributs class et id sont quasiment identiques. L'attribut class peut-être mis sur n'importe quel balise (titre, paragraphe ...). Par exemple, je souhaite faire resortir une partie de mon texte. Pour cela, je veux que cette partie soit écrit en gras et en rouge.
Voila le code html et css :
| body { background-color:#CC9933; } p { color:blue; } .gras_rouge { font-weight:bold; color:red; } |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Mon premier document css</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <p>bla bla bla bla bla</p> encore du bla bla bla mais sans css <p class="gras_rouge">Encore du bla bla bla mais en gras et en rouge</p> </body> </html> |
Et voici le résultat :
L'attribut id fonctionne de la même manière que l'attribut class. Mais il ne peut être utilisé qu'une seule fois dans une page html. Cet attribut est très pratique pour la réalisation d'un design pour un site. Nous les verrons plus dans la partie "Créer un site internet".