Comment puis-je utiliser les CSS pour le style de plusieurs images différemment?

Je suis fondamentalement le style d'une longue dissertation avec des images différentes réparties un peu partout.
Je voudrais la première image de "float: left" et le second "float: right". Je sais que je peux le style de l'image comme ceci:

img {
float: left;
}

Ce qui rend chaque image ont le même style. Comment puis-je style de chaque image différemment? J'ai essayé de mettre chaque image dans un autre div class, pour que je puisse un style différent, mais il ne fonctionne pas.

Je comprends aussi que je pouvais le style de chaque image dans la balise html, comme ceci:

<img src="ABCD.png" alt="Raoul Hausmann's ABCD" align="left" height="300px">

J'entends que c'est mieux de garder le style de la feuille de style externe (CSS), distincte de la html. Est-ce un cas où inline style est-il nécessaire?

  • Semble comme si vous étiez sur la bonne voie--ce qui "ne marche pas" à propos de mettre les classes sur la balise div contenant les images? Pouvez-vous nous montrer ce que vous avez fait et ce qui s'est passé? BTW, en spécifiant la hauteur en utilisant le height attribut sur la img balise n'est plus le moyen privilégié pour ce faire, utilisez le height attribut CSS à la place. Même avec align.
  • Je met le "class=__" au mauvais endroit, mais ici toutes les réponses effacé pour moi. Merci de la confirmation de l'info sur la taille de l'attribut dans la balise html, j'ai eu le sentiment que ça n'allait pas.
InformationsquelleAutor cphil | 2014-12-29